HTML-Prototype der OTH-Regensburg

<insert-markup>10.10-</insert-markup>

Startseite Ostbayerische Technische Hochschule Regensburg

11.000

Studierende aus XX Ländern

240

Professor:innen und über 706 Mitarbeiter:innen

57

Studiengänge: 28 Bachelor-, 20 Master-, vier berufsbegleitende Bachelor- und fünf weiterbildende Masterstudiengänge

8

Fakultäten

2

Campus

XX

Labore Lorem ipsum dolor sit amet, consectetuer adipiscing elit commodo ligula eget dolor.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.

Accusamus, accusantium, aperiam asperiores consequuntur doloremque earum eveniet facilis fugiat ipsa ipsam, modi velit!

Max Mustermann
Einkauf

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.

Dies ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie aussehen.

Maxine Mustermann
Entwicklung

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.

Cumque ducimus fugiat in, optio sunt velit voluptates.

Maxine Mustermann-Musterfrau
Geschäftsführung

Wissenswert

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Markup: templates/output/10-fullpage/fullpage-startpage.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">
  <main class="o-container__content">
    <nav class="c-jump-navigation" aria-label="Jump navigation">
      <button class="btn btn--icon-left c-jump-navigation__button" title="Sprungnavigation anzeigen/ausblenden" aria-expanded="false">
        <svg viewBox="0 0 26 18" role="img" aria-hidden="true" focusable="false">
          <use xlink:href="Images/svg/sprite.symbol.svg#icon-feather-list"></use>
        </svg>
        <svg class="c-jump-navigation__button-close" viewBox="0 0 26 26" role="img" aria-hidden="true" focusable="false">
          <use xlink:href="Images/svg/sprite.symbol.svg#icon-close"></use>
        </svg><span class="u-ml-tiny">Inhalt</span>
      </button>
      <ul class="o-list-bare c-jump-navigation__list">
        <li class="c-jump-navigation__list-item"><a class="c-jump-navigation__link" href="#intro-startpage"><span class="c-jump-navigation__link-icon-wrap">
              <svg class="c-jump-navigation__link-icon" viewBox="0 0 26 18" role="img" aria-hidden="true" focusable="false">
                <use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-down"></use>
              </svg></span><span class="c-jump-navigation__link-label">Intro Startseite</span></a></li>
        <li class="c-jump-navigation__list-item"><a class="c-jump-navigation__link" href="#teaserboxes-oth"><span class="c-jump-navigation__link-icon-wrap">
              <svg class="c-jump-navigation__link-icon" viewBox="0 0 26 18" role="img" aria-hidden="true" focusable="false">
                <use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-down"></use>
              </svg></span><span class="c-jump-navigation__link-label">Teaserboxen</span></a></li>
        <li class="c-jump-navigation__list-item"><a class="c-jump-navigation__link" href="#banner-first-semester"><span class="c-jump-navigation__link-icon-wrap">
              <svg class="c-jump-navigation__link-icon" viewBox="0 0 26 18" role="img" aria-hidden="true" focusable="false">
                <use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-down"></use>
              </svg></span><span class="c-jump-navigation__link-label">Banner (Erstes Semester)</span></a></li>
        <li class="c-jump-navigation__list-item"><a class="c-jump-navigation__link" href="#news-general"><span class="c-jump-navigation__link-icon-wrap">
              <svg class="c-jump-navigation__link-icon" viewBox="0 0 26 18" role="img" aria-hidden="true" focusable="false">
                <use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-down"></use>
              </svg></span><span class="c-jump-navigation__link-label">News</span></a></li>
        <li class="c-jump-navigation__list-item"><a class="c-jump-navigation__link" href="#teaserbox-slider-events"><span class="c-jump-navigation__link-icon-wrap">
              <svg class="c-jump-navigation__link-icon" viewBox="0 0 26 18" role="img" aria-hidden="true" focusable="false">
                <use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-down"></use>
              </svg></span><span class="c-jump-navigation__link-label">Veranstaltungen</span></a></li>
        <li class="c-jump-navigation__list-item"><a class="c-jump-navigation__link" href="#banner-profile"><span class="c-jump-navigation__link-icon-wrap">
              <svg class="c-jump-navigation__link-icon" viewBox="0 0 26 18" role="img" aria-hidden="true" focusable="false">
                <use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-down"></use>
              </svg></span><span class="c-jump-navigation__link-label">OTH auf einen Blick</span></a></li>
        <li class="c-jump-navigation__list-item"><a class="c-jump-navigation__link" href="#factbox-startpage"><span class="c-jump-navigation__link-icon-wrap">
              <svg class="c-jump-navigation__link-icon" viewBox="0 0 26 18" role="img" aria-hidden="true" focusable="false">
                <use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-down"></use>
              </svg></span><span class="c-jump-navigation__link-label">Fakten</span></a></li>
        <li class="c-jump-navigation__list-item"><a class="c-jump-navigation__link" href="#projects"><span class="c-jump-navigation__link-icon-wrap">
              <svg class="c-jump-navigation__link-icon" viewBox="0 0 26 18" role="img" aria-hidden="true" focusable="false">
                <use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-down"></use>
              </svg></span><span class="c-jump-navigation__link-label">Aktuelle Projekte</span></a></li>
      </ul>
    </nav>
    <h1 class="u-visually-hidden">Startseite Ostbayerische Technische Hochschule Regensburg</h1>
    <div class="frame-space-after-large o-outbreak-right" id="intro-startpage"><a class="c-intro-startpage o-grid o-grid-1-2@tablet" href="#" title="Details anzeigen">
        <!-- START INTRO STARTPAGE IMAGE-->
        <div class="c-intro-startpage__image o-outbreak-fullwidth--mobile-only">
          <picture>
            <source srcset="https://picsum.photos/id/1002/1490/745" media="(min-width:1200px)"/>
            <source srcset="https://picsum.photos/id/1002/1200/600" media="(min-width:960px)"/>
            <source srcset="https://picsum.photos/id/1002/960/540" media="(min-width:768px)"/>
            <source srcset="https://picsum.photos/id/1002/640/360" media="(min-width:320px)"/>
            <source srcset="https://picsum.photos/id/1002/320/180" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/1002/1200x600" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="1490" height="745"/>
          </picture>
        </div>
        <!-- END INTRO STARTPAGE IMAGE-->
        <!-- START INTRO STARTPAGE TEXT-->
        <div class="c-intro-startpage__text-wrap">
          <h2 class="c-intro-startpage__headline">Studieren an der OTH Regensburg</h2>
          <div class="c-intro-startpage__description">
            <p>Angewandt und praxisnah. Master, Bachelor oder berufsbegleitend studieren.</p>
          </div><span class="btn btn--secondary" title="This is a default title text">Studiengang finden</span>
        </div>
        <!-- END INTRO STARTPAGE TEXT--></a>
    </div>
    <div class="frame-space-after-large" id="teaserboxes-oth">
      <div class="o-striped-letter o-striped-letter--o"></div>
      <div class="c-teaserbox-slider">
        <div class="o-flex-line o-flex-line--between">
          <h2 class="c-teaserbox-slider__headline">Warum Ostbayerische Technische Hochschule Regensburg?</h2>
          <div class="c-slider-controls o-flex-line">
            <button class="btn btn--arrow btn--arrow-left c-slider-controls__button c-slider-controls__button--prev" title="Previous slide">
              <svg viewBox="0 0 13.455 24.081" role="img" aria-hidden="true" focusable="false">
                <use xlink:href="Images/svg/sprite.symbol.svg#icon-chevron-left"></use>
              </svg>
            </button>
            <button class="btn btn--arrow btn--arrow-right c-slider-controls__button c-slider-controls__button--next" title="Next slide">
              <svg 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>
            </button>
          </div>
        </div>
        <div class="c-teaserbox-slider__slides-container">
          <div class="c-teaserbox-slider__slides">
            <div class="c-teaserbox-slider__slide">
              <a class="c-teaserbox__link" href="#">
                <div class="c-teaserbox">
                  <div class="c-teaserbox__content-wrap">
                    <div class="c-teaserbox__text-wrap">
                      <h3 class="c-teaserbox__title">Mehr Prof pro Kopf</h3>
                      <div class="c-teaserbox__text">
                        <p>Überdurchschnittlicher Betreuungsschlüssel: Unsere Studierenden profitieren von einer überdurchschnittlichen Anzahl an Lehrenden.</p>
                      </div>
                    </div>
                    <div class="c-teaserbox__button"><span class="btn btn--icon-left">
                        <svg viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
                          <use xlink:href="Images/svg/sprite.symbol.svg#icon-idea"></use>
                        </svg><span class="btn__text">Mehr erfahren</span></span></div>
                  </div>
                </div>
              </a>
            </div>
            <div class="c-teaserbox-slider__slide">
              <a class="c-teaserbox__link" href="#">
                <div class="c-teaserbox">
                  <div class="c-teaserbox__content-wrap">
                    <div class="c-teaserbox__text-wrap">
                      <h3 class="c-teaserbox__title">Vielfältig und international</h3>
                      <div class="c-teaserbox__text">
                        <p>Warum OTH Regensburg? Regional und doch urban. Top Professorinnen und Professoren und Spaß am Studium.</p>
                      </div>
                    </div>
                    <div class="c-teaserbox__button"><span class="btn btn--icon-left">
                        <svg viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
                          <use xlink:href="Images/svg/sprite.symbol.svg#icon-idea"></use>
                        </svg><span class="btn__text">Mehr erfahren</span></span></div>
                  </div>
                </div>
              </a>
            </div>
            <div class="c-teaserbox-slider__slide">
              <a class="c-teaserbox__link" href="#">
                <div class="c-teaserbox">
                  <div class="c-teaserbox__content-wrap">
                    <div class="c-teaserbox__text-wrap">
                      <h3 class="c-teaserbox__title">Bayernweit spitze im Hochschulranking</h3>
                      <div class="c-teaserbox__text">
                        <p>Unsere Fakultät Informatik und Mathematik belegt im CHE Ranking 2022 erneut Platz 1 in Bayern</p>
                      </div>
                    </div>
                    <div class="c-teaserbox__button"><span class="btn btn--icon-left">
                        <svg viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
                          <use xlink:href="Images/svg/sprite.symbol.svg#icon-idea"></use>
                        </svg><span class="btn__text">Mehr erfahren</span></span></div>
                  </div>
                </div>
              </a>
            </div>
            <div class="c-teaserbox-slider__slide">
              <a class="c-teaserbox__link" href="#">
                <div class="c-teaserbox">
                  <div class="c-teaserbox__content-wrap">
                    <div class="c-teaserbox__text-wrap">
                      <h3 class="c-teaserbox__title">Li Europan lingues es membres del sam familie. Lor separat existentie es un</h3>
                      <div class="c-teaserbox__text">
                        <p>aäb cde fgh ijk lmn oöp qrsß tuü vwx yz AÄBC DEF GHI JKL MNO ÖPQ RST</p>
                      </div>
                    </div>
                    <div class="c-teaserbox__button"><span class="btn btn--icon-left">
                        <svg viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
                          <use xlink:href="Images/svg/sprite.symbol.svg#icon-idea"></use>
                        </svg><span class="btn__text">Mehr erfahren</span></span></div>
                  </div>
                </div>
              </a>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="frame-space-after-large o-outbreak-left" id="banner-first-semester">
      <!--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/1055/640/640" media="(min-width:320px)"/>
            <source srcset="https://picsum.photos/id/1055/320/320" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/1055/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/1055/1200/600" media="(min-width:960px)"/>
            <source srcset="https://picsum.photos/id/1055/960/480" media="(min-width:768px)"/><img class="image__default" src="https://picsum.photos/id/1055/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>
    <div class="frame-space-after-large" id="news-general">
      <div class="o-striped-letter o-striped-letter--t"></div>
      <div class="c-teaserbox-slider c-teaserbox-slider--news">
        <div class="o-grid o-grid-1-1@desktop">
          <div class="u-topline">
            <h2 class="c-teaserbox-slider__headline">News</h2>
            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
          </div>
          <div class="o-flex-line o-flex-line--items-end o-flex-line--end">
            <div class="c-slider-controls o-flex-line">
              <button class="btn btn--arrow btn--arrow-left c-slider-controls__button c-slider-controls__button--prev" title="Previous slide">
                <svg viewBox="0 0 13.455 24.081" role="img" aria-hidden="true" focusable="false">
                  <use xlink:href="Images/svg/sprite.symbol.svg#icon-chevron-left"></use>
                </svg>
              </button>
              <button class="btn btn--arrow btn--arrow-right c-slider-controls__button c-slider-controls__button--next" title="Next slide">
                <svg 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>
              </button>
            </div><a class="btn btn--secondary u-ml-small u-hide--mobile-only" href="#">Alle News</a>
          </div>
        </div>
        <div class="c-teaserbox-slider__slides-container">
          <div class="c-teaserbox-slider__slides">
            <div class="c-teaserbox-slider__slide"><a class="c-teaserbox__link" href="#">
                <div class="c-teaserbox c-teaserbox--news o-grid o-grid-1-1 o-grid--nogutter">
                  <div class="c-teaserbox__image-wrap">
                    <picture class="c-teaserbox__image">
                      <source srcset="https://picsum.photos/id/1070/640/320" media="(min-width:640px)"/>
                      <source srcset="https://picsum.photos/id/1070/320/160" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/1070/640/320" alt="Lorem ipsum dolor sit amet." width="640" height="320"/>
                    </picture>
                  </div>
                  <div class="c-teaserbox__content-wrap">
                    <div class="c-teaserbox__text-wrap">
                      <h3 class="c-teaserbox__title">News Headline Donec pede justo, fringilla vel, aliquet nec</h3>
                      <div class="c-teaserbox__text">
                        <p class="u-line-clamp-3"><strong class="u-text-gull-gray u-mr-tiny">12.03.2022</strong><span>In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.  Nullam dictum felis eu pede mollis pretium.</span></p>
                      </div>
                      <p class="c-teaserbox__keywords">
                        <svg class="u-mr-tiny" viewBox="0 0 36 36" role="img" aria-hidden="true" focusable="false">
                          <use xlink:href="Images/svg/sprite.symbol.svg#icon-tag"></use>
                        </svg><span>Lehre und Didaktik, OTH Regensburg</span>
                      </p>
                    </div>
                    <div>
                      <div class="c-teaserbox__button btn btn--readmore"><span class="btn__text">weiterlesen</span>
                        <svg viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
                          <use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-right"></use>
                        </svg>
                      </div>
                    </div>
                  </div>
                </div></a>
            </div>
            <div class="c-teaserbox-slider__slide"><a class="c-teaserbox__link" href="#">
                <div class="c-teaserbox c-teaserbox--news o-grid o-grid-1-1 o-grid--nogutter">
                  <div class="c-teaserbox__image-wrap">
                    <picture class="c-teaserbox__image">
                      <source srcset="https://picsum.photos/id/1071/640/320" media="(min-width:640px)"/>
                      <source srcset="https://picsum.photos/id/1071/320/160" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/1071/640/320" alt="Lorem ipsum dolor sit amet." width="640" height="320"/>
                    </picture>
                  </div>
                  <div class="c-teaserbox__content-wrap">
                    <div class="c-teaserbox__text-wrap">
                      <h3 class="c-teaserbox__title">Zwei flinke Boxer jagen die quirlige Eva</h3>
                      <div class="c-teaserbox__text">
                        <p class="u-line-clamp-3"><strong class="u-text-gull-gray u-mr-tiny">12.03.2022</strong><span>Zwei flinke Boxer jagen die quirlige Eva und ihren Mops durch Sylt. Franz jagt im komplett verwahrlosten Taxi quer durch Bayern. Zwölf Boxkämpfer jagen Viktor quer über den großen Sylter Deich.</span></p>
                      </div>
                      <p class="c-teaserbox__keywords">
                        <svg class="u-mr-tiny" viewBox="0 0 36 36" role="img" aria-hidden="true" focusable="false">
                          <use xlink:href="Images/svg/sprite.symbol.svg#icon-tag"></use>
                        </svg><span>Lehre und Didaktik, OTH Regensburg</span>
                      </p>
                    </div>
                    <div>
                      <div class="c-teaserbox__button btn btn--readmore"><span class="btn__text">weiterlesen</span>
                        <svg viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
                          <use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-right"></use>
                        </svg>
                      </div>
                    </div>
                  </div>
                </div></a>
            </div>
            <div class="c-teaserbox-slider__slide"><a class="c-teaserbox__link" href="#">
                <div class="c-teaserbox c-teaserbox--news o-grid o-grid-1-1 o-grid--nogutter">
                  <div class="c-teaserbox__image-wrap">
                    <picture class="c-teaserbox__image">
                      <source srcset="https://picsum.photos/id/1072/640/320" media="(min-width:640px)"/>
                      <source srcset="https://picsum.photos/id/1072/320/160" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/1072/640/320" alt="Lorem ipsum dolor sit amet." width="640" height="320"/>
                    </picture>
                  </div>
                  <div class="c-teaserbox__content-wrap">
                    <div class="c-teaserbox__text-wrap">
                      <h3 class="c-teaserbox__title">Zwölf Boxkämpfer jagen Viktor quer über den großen Sylter Deich</h3>
                      <div class="c-teaserbox__text">
                        <p class="u-line-clamp-3"><strong class="u-text-gull-gray u-mr-tiny">12.03.2022</strong><span>Zwölf Boxkämpfer jagen Viktor quer über den großen Sylter Deich. Vogel Quax zwickt Johnys Pferd Bim.</span></p>
                      </div>
                      <p class="c-teaserbox__keywords">
                        <svg class="u-mr-tiny" viewBox="0 0 36 36" role="img" aria-hidden="true" focusable="false">
                          <use xlink:href="Images/svg/sprite.symbol.svg#icon-tag"></use>
                        </svg><span>Lehre und Didaktik, OTH Regensburg</span>
                      </p>
                    </div>
                    <div>
                      <div class="c-teaserbox__button btn btn--readmore"><span class="btn__text">weiterlesen</span>
                        <svg viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
                          <use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-right"></use>
                        </svg>
                      </div>
                    </div>
                  </div>
                </div></a>
            </div>
            <div class="c-teaserbox-slider__slide"><a class="c-teaserbox__link" href="#">
                <div class="c-teaserbox c-teaserbox--news o-grid o-grid-1-1 o-grid--nogutter">
                  <div class="c-teaserbox__image-wrap">
                    <picture class="c-teaserbox__image">
                      <source srcset="https://picsum.photos/id/1073/640/320" media="(min-width:640px)"/>
                      <source srcset="https://picsum.photos/id/1073/320/160" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/1073/640/320" alt="Lorem ipsum dolor sit amet." width="640" height="320"/>
                    </picture>
                  </div>
                  <div class="c-teaserbox__content-wrap">
                    <div class="c-teaserbox__text-wrap">
                      <h3 class="c-teaserbox__title">News Headline Donec pede justo</h3>
                      <div class="c-teaserbox__text">
                        <p class="u-line-clamp-3"><strong class="u-text-gull-gray u-mr-tiny">12.03.2022</strong><span>In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.  Nullam dictum felis eu pede mollis pretium.</span></p>
                      </div>
                      <p class="c-teaserbox__keywords">
                        <svg class="u-mr-tiny" viewBox="0 0 36 36" role="img" aria-hidden="true" focusable="false">
                          <use xlink:href="Images/svg/sprite.symbol.svg#icon-tag"></use>
                        </svg><span>Lehre und Didaktik, OTH Regensburg</span>
                      </p>
                    </div>
                    <div>
                      <div class="c-teaserbox__button btn btn--readmore"><span class="btn__text">weiterlesen</span>
                        <svg viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
                          <use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-right"></use>
                        </svg>
                      </div>
                    </div>
                  </div>
                </div></a>
            </div>
          </div>
        </div>
      </div>
      <div class="u-show--mobile-only u-align-center--mobile-only"><a class="btn btn--secondary" href="#">Alle News</a></div>
    </div>
    <div class="frame-space-after-large" id="teaserbox-slider-events">
      <div class="c-teaserbox-slider__wrap">
        <div class="c-teaserbox-slider c-teaserbox-slider--event">
          <div class="c-teaserbox-slider__header o-flex-line o-flex-line--items-end o-flex-line--between">
            <h2 class="c-teaserbox-slider__headline u-topline">Veranstaltungen</h2>
            <div class="c-slider-controls o-flex-line">
              <button class="btn btn--arrow btn--arrow-left c-slider-controls__button c-slider-controls__button--prev" title="Previous slide">
                <svg viewBox="0 0 13.455 24.081" role="img" aria-hidden="true" focusable="false">
                  <use xlink:href="Images/svg/sprite.symbol.svg#icon-chevron-left"></use>
                </svg>
              </button>
              <button class="btn btn--arrow btn--arrow-right c-slider-controls__button c-slider-controls__button--next" title="Next slide">
                <svg 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>
              </button>
            </div>
          </div>
          <div class="c-teaserbox-slider__slides-container o-outbreak-right">
            <div class="c-teaserbox-slider__slides">
              <div class="c-teaserbox-slider__slide"><a class="c-teaserbox__link" href="#" title="Details zur Veranstaltung &quot;Ferienbetreuung  an Ostern für Grundschulkinder&quot; anzeigen">
                  <div class="c-teaserbox c-teaserbox--event">
                    <div class="c-teaserbox__content-wrap">
                      <div class="c-teaserbox__event-date"><span class="c-teaserbox__event-day">19</span><span class="c-teaserbox__event-month">Jan</span>
                      </div>
                      <div class="c-teaserbox__event-details">
                        <h3 class="c-teaserbox__title">Ferienbetreuung  an Ostern für Grundschulkinder</h3>
                        <div class="c-teaserbox__button"><span class="btn btn--icon-left">
                            <svg viewBox="0 0 38.774 38" role="img" aria-hidden="true" focusable="false">
                              <use xlink:href="Images/svg/sprite.symbol.svg#icon-location"></use>
                            </svg><span class="btn__text">Veranstaltungsort</span></span></div>
                      </div>
                    </div>
                  </div></a>
              </div>
              <div class="c-teaserbox-slider__slide"><a class="c-teaserbox__link" href="#" title="Details zur Veranstaltung &quot;Online-Ringvorlesung &quot;Interdisziplinäre Facetten der Nachhaltigkeit&quot;&quot; anzeigen">
                  <div class="c-teaserbox c-teaserbox--event">
                    <div class="c-teaserbox__content-wrap">
                      <div class="c-teaserbox__event-date"><span class="c-teaserbox__event-day">28</span><span class="c-teaserbox__event-month">Jan</span>
                      </div>
                      <div class="c-teaserbox__event-details">
                        <h3 class="c-teaserbox__title">Online-Ringvorlesung &quot;Interdisziplinäre Facetten der Nachhaltigkeit&quot;</h3>
                        <div class="c-teaserbox__button"><span class="btn btn--icon-left">
                            <svg viewBox="0 0 38.774 38" role="img" aria-hidden="true" focusable="false">
                              <use xlink:href="Images/svg/sprite.symbol.svg#icon-location"></use>
                            </svg><span class="btn__text">online</span></span></div>
                      </div>
                    </div>
                  </div></a>
              </div>
              <div class="c-teaserbox-slider__slide"><a class="c-teaserbox__link" href="#" title="Details zur Veranstaltung &quot;Virtueller Infoabend zum berufsbegleitenden Bachelor Soziale Arbeit&quot; anzeigen">
                  <div class="c-teaserbox c-teaserbox--event">
                    <div class="c-teaserbox__content-wrap">
                      <div class="c-teaserbox__event-date"><span class="c-teaserbox__event-day">28</span><span class="c-teaserbox__event-month">Jan</span>
                      </div>
                      <div class="c-teaserbox__event-details">
                        <h3 class="c-teaserbox__title">Virtueller Infoabend zum berufsbegleitenden Bachelor Soziale Arbeit</h3>
                        <div class="c-teaserbox__button"><span class="btn btn--icon-left">
                            <svg viewBox="0 0 38.774 38" role="img" aria-hidden="true" focusable="false">
                              <use xlink:href="Images/svg/sprite.symbol.svg#icon-location"></use>
                            </svg><span class="btn__text">online</span></span></div>
                      </div>
                    </div>
                  </div></a>
              </div>
              <div class="c-teaserbox-slider__slide"><a class="c-teaserbox__link" href="#" title="Details zur Veranstaltung &quot;Kurs »Stressprävention«&quot; anzeigen">
                  <div class="c-teaserbox c-teaserbox--event">
                    <div class="c-teaserbox__content-wrap">
                      <div class="c-teaserbox__event-date"><span class="c-teaserbox__event-day">19</span><span class="c-teaserbox__event-month">Jan</span>
                      </div>
                      <div class="c-teaserbox__event-details">
                        <h3 class="c-teaserbox__title">Kurs »Stressprävention«</h3>
                        <div class="c-teaserbox__button"><span class="btn btn--icon-left">
                            <svg viewBox="0 0 38.774 38" role="img" aria-hidden="true" focusable="false">
                              <use xlink:href="Images/svg/sprite.symbol.svg#icon-location"></use>
                            </svg><span class="btn__text">Veranstaltungsort</span></span></div>
                      </div>
                    </div>
                  </div></a>
              </div>
            </div>
          </div>
        </div><a class="btn btn--icon-left" href="#" title="Seite mit allen Veranstaltungen anzeigen">
          <svg viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
            <use xlink:href="Images/svg/sprite.symbol.svg#icon-calendar"></use>
          </svg><span>Zum Kalender</span></a>
      </div>
    </div>
    <div class="frame-space-after-large o-outbreak-fullwidth" id="banner-profile">
      <!-- START BANNER IMAGE TEXTBOX--><a class="c-banner-imagetextbox " href="#">
        <!-- START BANNER IMAGE-->
        <div class="c-banner-imagetextbox__image-wrap">
          <picture class="picture__mobile">
            <source srcset="https://picsum.photos/id/1018/640/640" media="(min-width:320px)"/>
            <source srcset="https://picsum.photos/id/1018/320/320" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/1018/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/1018/1200/600" media="(min-width:960px)"/>
            <source srcset="https://picsum.photos/id/1018/960/480" media="(min-width:768px)"/><img class="image__default" src="https://picsum.photos/id/1018/1200/600" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="1200" height="600"/>
          </picture>
        </div>
        <!-- END BANNER IMAGE-->
        <!-- START BANNER TEXT BLOCK-->
        <div class="c-banner-imagetextbox__container o-container o-flex-line">
          <div class="c-banner-imagetextbox__text-wrap">
            <h2 class="c-banner-imagetextbox__headline">Die OTH Regensburg auf einen Blick</h2>
            <div class="c-banner-imagetextbox__text">
              <p>Kurzprofil Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.</p>
            </div><span class="btn btn--secondary"><span class="btn__text">Mehr erfahren</span></span>
          </div>
        </div>
        <!-- END BANNER TEXT BLOCK--></a>
      <!-- END BANNER IMAGE TEXTBOX-->
    </div>
    <div class="frame-space-after-large" id="factbox-startpage">
      <div class="o-striped-letter o-striped-letter--h"></div>
      <!-- START FACTBOX CONTENT SPECIALS-->
      <div class="c-factbox-content-specials c-factbox-content-specials--startpage">
        <div class="c-factbox-content-specials__content">
          <div class="c-factbox-content-specials__column c-factbox-content-specials__column--10"><svg class="c-factbox-content-specials__icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 82 80" xml:space="preserve"><style>.st1{fill:none;stroke:#000;stroke-width:2}</style><path d="m47.8 68 32-32h-1.4l-32 32zm6 0L82 39.8v-1.4L52.4 68zm6 0L82 45.8v-1.4L58.4 68zm-18 0 32-32h-1.4l-32 32zm24 0L82 51.8v-1.4L64.4 68zm12 0 4.2-4.2v-1.4L76.4 68zm-6 0L82 57.8v-1.4L70.4 68zm-36 0 32-32h-1.4l-32 32zM18 37.8l1.8-1.8h-1.4l-.4.4zm0 18L37.8 36h-1.4L18 54.4zm0-6L31.8 36h-1.4L18 48.4zm0-6 7.8-7.8h-1.4L18 42.4zM29.8 68l32-32h-1.4l-32 32zm-6 0 32-32h-1.4l-32 32zM18 61.8 43.8 36h-1.4L18 60.4zm0 6L49.8 36h-1.4L18 66.4z" fill="#94a3b8" class="u-hide@contrast-mode"/><path class="st1" d="m47.4 1.5-3 4.7c16.3 9.5 21.7 30.4 12.2 46.6S26.4 74.5 10.1 65c-.2-.1-.4-.2-.6-.4l-2.8 4.7"/><path d="M26 69.8v8.6m-13.6.1h27.2" fill="none" stroke="#000" stroke-width="2" stroke-linejoin="round"/><path class="st1" d="M33 10.6C22.1 7.9 10.8 12.7 5.1 22.3c-.5.8-.9 1.6-1.3 2.4l7.4 7.2-1.1 6.1 4.2 2.5 2.9 10.3 8.3-15.2-8.7-4.6-5.6.4-.6-4.6 7.2-4.9-.3-9.4"/><path class="st1" d="M1.9 30.4C-.8 44.2 8.1 57.7 22 60.4c13.8 2.7 27.3-6.2 30-20.1 2.1-10.6-2.7-21.4-11.9-26.9-.7-.4-1.5-.8-2.2-1.2L35 20.1l2.6 1.6 9.4-1-2.9 5.6-7.4.9c-6.1 5.1 1 7.6 1 7.6l2.9.1 2.5 10.6 2.6-3.8 6.1-8.9"/></svg>
<span class="c-factbox-content-specials__counter">11.000</span>
            <p class="c-factbox-content-specials__text">Studierende aus XX Ländern</p>
          </div>
          <div class="c-factbox-content-specials__column c-factbox-content-specials__column--11"><svg class="c-factbox-content-specials__icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 81.1" xml:space="preserve"><path d="m41.8 48 20-20h-1.4l-20 20zm30 0 8.2-8.2v-1.4L70.4 48zM40 37.8l9.8-9.8h-1.4L40 36.4zm0 6L55.8 28h-1.4L40 42.4zm7.8 4.2 20-20h-1.4l-20 20zM40 31.8l3.8-3.8h-1.4L40 30.4zM77.8 48l2.2-2.2v-1.4L76.4 48zm-12 0L80 33.8v-1.4L64.4 48zm-12 0 20-20h-1.4l-20 20zm6 0 20-20h-1.4l-20 20z" class="u-hide@contrast-mode" fill="#94a3b8"/><g fill="none" stroke="#000" stroke-width="2" stroke-linecap="square"><path d="M20.5 13.165c0 3.5-2.9 6.4-6.4 6.4-3.5 0-6.4-2.9-6.4-6.4 0-3.5 2.9-6.4 6.4-6.4 3.5 0 6.4 2.8 6.4 6.4z" stroke-miterlimit="10"/><path d="m21.1 79.665.6-25.1c2.4-.8 5.2-2.8 4.9-5.3l-1.9-19.1c-.3-2.5-2.4-4.5-5-4.5H8.4c-2.6.1-4.7 2-5 4.5l-1.9 19.1c-.2 2.5 2.6 4.4 4.9 5.3l.6 25.1m68.2-63.5v38.9H30.3m-4.2-45.3h52.5v6.2H26.1"/></g></svg>
<span class="c-factbox-content-specials__counter">240</span>
            <p class="c-factbox-content-specials__text">Professor:innen und über 706 Mitarbeiter:innen</p>
          </div>
          <div class="c-factbox-content-specials__column c-factbox-content-specials__column--12"><svg class="c-factbox-content-specials__icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 80.2" xml:space="preserve"><style>.st1{fill:none;stroke:#000;stroke-width:2}</style><path d="M35.8 80.2 64 52v-1.4L34.4 80.2zm-12 0 32-32h-1.4l-32 32zm6 0 32-32h-1.4l-32 32zm12 0L64 58v-1.4L40.4 80.2zm-24 0 32-32h-1.4l-32 32zm42 0L64 76v-1.4l-5.6 5.6zm-6 0L64 70v-1.4L52.4 80.2zm-6 0L64 64v-1.4L46.4 80.2zM0 74l25.8-25.8h-1.4L0 72.6zm0-18 7.8-7.8H6.4L0 54.6zm0 6 13.8-13.8h-1.4L0 60.6zm11.8 18.2 32-32h-1.4l-32 32zM0 50l1.8-1.8H.4l-.4.4zm5.8 30.2 32-32h-1.4l-32 32zM0 68l19.8-19.8h-1.4L0 66.6zm0 12 31.8-31.8h-1.4L0 78.6z" fill="#94a3b8" class="u-hide@contrast-mode"/><path class="st1" d="m73.3 31.5 5.5-1.9v-5.2L40 13.2 1.2 24.3v5.2L40 42.2l27.5-9"/><path class="st1" d="M18.5 41.8v8.8c4.9 4.6 12.6 7.6 21 7.6s16.1-3 21-7.6V36"/><path class="st1" d="M67.8 52.4v-23l-25.9-7M72 56.8c0 2.3-1.9 4.2-4.2 4.2-2.3 0-4.2-1.9-4.2-4.2 0-2.3 1.9-4.2 4.2-4.2 2.4 0 4.2 1.9 4.2 4.2z"/><path class="st1" d="m66 60.7-2.3 9.4h8.4l-2.3-9.4"/></svg>
<span class="c-factbox-content-specials__counter">57</span>
            <p class="c-factbox-content-specials__text">Studiengänge: 28 Bachelor-, 20 Master-, vier berufsbegleitende Bachelor- und fünf weiterbildende Masterstudiengänge</p>
          </div>
          <div class="c-factbox-content-specials__column c-factbox-content-specials__column--13"><svg class="c-factbox-content-specials__icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 80" xml:space="preserve"><style>.icon-faculty-st1{fill:none}.icon-faculty-st2,.icon-faculty-icon-faculty-icon-faculty-st3,.icon-faculty-st4{fill:none;stroke:#000;stroke-width:2}.icon-faculty-icon-faculty-icon-faculty-st3{stroke-linejoin:round}.icon-faculty-st4{stroke-miterlimit:10}</style><path d="m19.8 80 20-20h-1.4l-20 20zm-6 0 20-20h-1.4l-20 20zm12 0L40 65.8v-1.4L24.4 80zm6 0 8.2-8.2v-1.4L30.4 80zm6 0 2.2-2.2v-1.4L36.4 80zm-36 0 20-20h-1.4L.4 80zM0 69.8 9.8 60H8.4L0 68.4zm0-6L3.8 60H2.4L0 62.4zM7.8 80l20-20h-1.4l-20 20zM0 75.8 15.8 60h-1.4L0 74.4z" fill="#94a3b8" class="u-hide@contrast-mode"/><path class="icon-faculty-st1" d="M0 7.2h80V73H0z"/><path class="icon-faculty-st2" d="M22.5 71.305v-62.7h12.1v62.7"/><path class="icon-faculty-icon-faculty-icon-faculty-st3" d="M28.5 18.7V43"/><path class="icon-faculty-st1" d="M0 7.2h80V73H0z"/><path class="icon-faculty-st2" d="m52.6 24.705-.9-4.6 11.8-2.2 9.5 51.3-11.8 2.2-7.7-41.5-.9-5.2z"/><path class="icon-faculty-icon-faculty-icon-faculty-st3" d="m60.5 34.5 3.7 20.3M10 29.2h7.8M10 35.5h7.8m-7.8 6h7.8"/><path class="icon-faculty-st1" d="M0 7.2h80V73H0z"/><path class="icon-faculty-st2" d="M5.4 66.805v-46.6h12.4"/><path class="icon-faculty-st4" d="M0 71.605h80"/><path class="icon-faculty-st2" d="M39.2 35.605h13.5v35.7"/><path class="icon-faculty-st4" d="M40.7 42.8h5.9v12h-5.9v-12z"/></svg>
<span class="c-factbox-content-specials__counter">8</span>
            <p class="c-factbox-content-specials__text">Fakultäten</p>
          </div>
          <div class="c-factbox-content-specials__column c-factbox-content-specials__column--14"><svg class="c-factbox-content-specials__icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 80.2" xml:space="preserve"><style>.st2{stroke-miterlimit:10}.st2,.st3{fill:none;stroke:#000;stroke-width:2}</style><path d="m29.8 80.2 32-32h-1.4l-32 32zm6 0L64 52v-1.4L34.4 80.2zm6 0L64 58v-1.4L40.4 80.2zm-18 0 32-32h-1.4l-32 32zm36 0L64 76v-1.4l-5.6 5.6zM0 50l1.8-1.8H.4l-.4.4zm47.8 30.2L64 64v-1.4L46.4 80.2zm6 0L64 70v-1.4L52.4 80.2zm-36 0 32-32h-1.4l-32 32zM0 62l13.8-13.8h-1.4L0 60.6zm11.8 18.2 32-32h-1.4l-32 32zM0 68l19.8-19.8h-1.4L0 66.6zm0-12 7.8-7.8H6.4L0 54.6zm5.8 24.2 32-32h-1.4l-32 32zM0 80l31.8-31.8h-1.4L0 78.6zm0-6 25.8-25.8h-1.4L0 72.6z" fill="#94a3b8" class="u-hide@contrast-mode"/><g transform="translate(32.373 18.306)"><circle cx="7.6" cy="7.6" r="7.6" fill="none"/><circle class="st2" cx="7.6" cy="7.6" r="8.6"/></g><path class="st3" d="M45.8 65.9V50.5H34.2v15.4"/><path class="st2" d="m62.8 16.1-22.4-12-23.2 12m7 1.7v48.1M6.1 41.8v24.1"/><path class="st3" d="M23.9 36.5H1.5V28h22.4"/><path class="st2" d="M14.8 45.3v6.3m0 4.3v6.3M56 18.3v47.6"/><path class="st3" d="M56.1 36.5h22.4V28H56.1"/><path class="st2" d="M65.2 45.3v6.3m0 4.3v6.3m8.7-20.4v24.1"/></svg>
<span class="c-factbox-content-specials__counter">2</span>
            <p class="c-factbox-content-specials__text">Campus</p>
          </div>
          <div class="c-factbox-content-specials__column c-factbox-content-specials__column--15"><svg class="c-factbox-content-specials__icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 80" xml:space="preserve"><style>.st1,.st2{fill:none;stroke:#000;stroke-width:2}.st2{stroke-miterlimit:10}</style><path d="M35.8 58 64 29.8v-1.4L34.4 58zm-6 0 32-32h-1.4l-32 32zm-6 0 32-32h-1.4l-32 32zm36 0 4.2-4.2v-1.4L58.4 58zm-42 0 32-32h-1.4l-32 32zm36 0L64 47.8v-1.4L52.4 58zm-12 0L64 35.8v-1.4L40.4 58zm6 0L64 41.8v-1.4L46.4 58zm-42 0 32-32h-1.4l-32 32zM0 33.8 7.8 26H6.4L0 32.4zM11.8 58l32-32h-1.4l-32 32zM0 39.8 13.8 26h-1.4L0 38.4zm0-12L1.8 26H.4l-.4.4zm0 30L31.8 26h-1.4L0 56.4zm0-12L19.8 26h-1.4L0 44.4zm0 6L25.8 26h-1.4L0 50.4z" class="u-hide@contrast-mode" fill="#94a3b8"/><path class="st1" d="M36.882 35.3c-3.6 3.9-5.7 9-5.7 14.3 0 11.9 10 21.5 22.4 21.5 2.8 0 5.6-.5 8.2-1.5V58.8"/><path class="st1" d="M33.082 26.9c-15.1 11.4-18.1 32.9-6.7 48 1 1.3 2 2.5 3.1 3.6h38.3"/><path class="st2" d="m35.382 17.1 10.7-4.9 13.9 30.4-10.7 4.9-13.9-30.4z"/><path class="st1" d="m41.982 8.3-3-6.3-7 3.2 3 6.3"/><path d="m45.882 40.2 10.7-4.9m-12.7 23.2h24.8" fill="none" stroke="#000" stroke-width="2" stroke-linejoin="round"/><path class="st2" d="M50.582 58.7v12.1"/></svg>
<span class="c-factbox-content-specials__counter">XX</span>
            <p class="c-factbox-content-specials__text">Labore Lorem ipsum dolor sit amet, consectetuer adipiscing elit commodo ligula eget dolor.</p>
          </div>
        </div>
      </div>
      <!-- END FACTBOX CONTENT SPECIALS-->
    </div>
    <div class="frame-space-after-large" id="banner-research">
      <!--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">
        </div>
        <div class="c-banner__text-wrap">
          <h2 class="c-banner__headline">Forschung Cum sociis natoque penatibus</h2>
          <p class="c-banner__text">Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet.</p><span class="btn btn--secondary">Mehr erfahren</span>
        </div></a>
      <!--END BANNER IMAGE 
      -->
    </div>
    <div class="frame-space-after-large" id="projects">
      <div class="o-grid o-grid-1-2@desktop-wide">
        <h2 class="u-mb-none">Aktuelle Projekte</h2>
        <div class="o-flex-line o-flex-line--items-center"><a class="btn btn--icon-left" href="#" title="Seite mit aktuellen Projekten anzeigen">
            <svg viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
              <use xlink:href="Images/svg/sprite.symbol.svg#icon-microscope"></use>
            </svg><span>Alle Projekte</span></a></div>
      </div>
      <div class="o-grid frame-space-after-large o-grid-1-1@tablet o-grid-1-1-1@desktop u-pattern u-pattern--fullsize u-pattern--90v u-pattern--75v@desktop"><a class="c-teaserbox__link" href="#">
          <div class="c-teaserbox c-teaserbox--text-image o-grid o-grid--nogutter">
            <div class="c-teaserbox__image-wrap">
              <picture class="c-teaserbox__image">
                <source srcset="https://picsum.photos/id/1002/800/400" media="(min-width:1400px)"/>
                <source srcset="https://picsum.photos/id/1002/900/450" media="(min-width:960px)"/>
                <source srcset="https://picsum.photos/id/1002/1200/600" media="(min-width:768px)"/>
                <source srcset="https://picsum.photos/id/1002/1400/700" media="(min-width:576px)"/>
                <source srcset="https://picsum.photos/id/1002/450/225" media="(min-width:320px)"/><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-teaserbox__content-wrap">
              <div class="c-teaserbox__text-wrap">
                <h3 class="c-teaserbox__title">Cum sociis natoque penatibus et magnis dis parturient</h3>
                <div class="c-teaserbox__text">
                  <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. </p>
                </div>
              </div><span class="c-teaserbox__button btn btn--icon-left">
                <svg viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
                  <use xlink:href="Images/svg/sprite.symbol.svg#icon-idea"></use>
                </svg><span class="btn__text">Mehr erfahren</span></span>
            </div>
          </div></a><a class="c-teaserbox__link" href="#">
          <div class="c-teaserbox c-teaserbox--text-image o-grid o-grid--nogutter">
            <div class="c-teaserbox__image-wrap">
              <picture class="c-teaserbox__image">
                <source srcset="https://picsum.photos/id/1011/800/400" media="(min-width:1400px)"/>
                <source srcset="https://picsum.photos/id/1011/900/450" media="(min-width:960px)"/>
                <source srcset="https://picsum.photos/id/1011/1200/600" media="(min-width:768px)"/>
                <source srcset="https://picsum.photos/id/1011/1400/700" media="(min-width:576px)"/>
                <source srcset="https://picsum.photos/id/1011/450/225" media="(min-width:320px)"/><img class="image__default" src="https://picsum.photos/id/1011/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-teaserbox__content-wrap">
              <div class="c-teaserbox__text-wrap">
                <h3 class="c-teaserbox__title">Cum sociis natoque penatibus et magnis dis parturient</h3>
                <div class="c-teaserbox__text">
                  <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. </p>
                </div>
              </div><span class="c-teaserbox__button btn btn--icon-left">
                <svg viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
                  <use xlink:href="Images/svg/sprite.symbol.svg#icon-idea"></use>
                </svg><span class="btn__text">Mehr erfahren</span></span>
            </div>
          </div></a><a class="c-teaserbox__link" href="#">
          <div class="c-teaserbox c-teaserbox--text-image o-grid o-grid--nogutter">
            <div class="c-teaserbox__image-wrap">
              <picture class="c-teaserbox__image">
                <source srcset="https://picsum.photos/id/1040/800/400" media="(min-width:1400px)"/>
                <source srcset="https://picsum.photos/id/1040/900/450" media="(min-width:960px)"/>
                <source srcset="https://picsum.photos/id/1040/1200/600" media="(min-width:768px)"/>
                <source srcset="https://picsum.photos/id/1040/1400/700" media="(min-width:576px)"/>
                <source srcset="https://picsum.photos/id/1040/450/225" media="(min-width:320px)"/><img class="image__default" src="https://picsum.photos/id/1040/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-teaserbox__content-wrap">
              <div class="c-teaserbox__text-wrap">
                <h3 class="c-teaserbox__title">Cum sociis natoque penatibus et magnis dis parturient</h3>
                <div class="c-teaserbox__text">
                  <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. </p>
                </div>
              </div><span class="c-teaserbox__button btn btn--icon-left">
                <svg viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
                  <use xlink:href="Images/svg/sprite.symbol.svg#icon-idea"></use>
                </svg><span class="btn__text">Mehr erfahren</span></span>
            </div>
          </div></a>
      </div>
    </div>
    <div class="frame-space-after-large o-outbreak-right" id="banner-semester-abroad">
      <!--START BANNER IMAGE REVERSE
      --><a class="c-banner c-banner__container o-grid o-grid-1-1@tablet  c-banner--reverse" 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/1044/640/640" media="(min-width:320px)"/>
            <source srcset="https://picsum.photos/id/1044/320/320" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/1044/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/1044/1200/600" media="(min-width:960px)"/>
            <source srcset="https://picsum.photos/id/1044/960/480" media="(min-width:768px)"/><img class="image__default" src="https://picsum.photos/id/1044/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">OTH Regensburg international</h2>
          <p class="c-banner__text">Das Akademische Auslandsamt ist Ansprechpartner für Studierende der OTH Regensburg, für Austauschstudierende (Exchange Students) und für internationale Studierende.<br><br>Wir beraten und informieren bei Fragen rund um einen Auslandsaufenthalt während des Studiums (theoretisches oder praktisches Auslandssemester), zum Studium an der OTH Regensburg und zum Leben in Regensburg.</p><span class="btn btn--secondary">Jetzt informieren</span>
        </div></a>
      <!--END BANNER IMAGE REVERSE
      -->
    </div>
    <div class="frame-space-after-large" id="instagram">
      <div class="o-grid o-grid-1-1@desktop">
        <h2>Instagram (optional)</h2>
        <div class="o-flex-line o-flex-line--items-end o-flex-line--end"><a class="btn btn--icon-left u-hide--mobile-only u-pr-none" href="https://www.instagram.com/oth_regensburg/" target="_blank">
                        <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><span class="u-ml-tiny">Folge uns auf Instagram</span></a></div>
      </div>
      <!-- START GALLERY-->
      <div class="c-gallery o-grid o-grid-1-1 o-grid-1-1-1@tablet o-grid-1-1-1-1@desktop o-grid-1-1-1-1-1@desktop-wide"><a href="#" title="Instagram Post anzeigen" target="_blank">
          <picture>
            <source srcset="https://picsum.photos/id/1003/208/208" media="(min-width:768px)"/>
            <source srcset="https://picsum.photos/id/1003/160/160" media="(min-width:500px)"/>
            <source srcset="https://picsum.photos/id/1003/120/120" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/1003/208/208" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="208" height="208"/>
          </picture></a><a href="#" title="Instagram Post anzeigen" target="_blank">
          <picture>
            <source srcset="https://picsum.photos/id/1004/208/208" media="(min-width:768px)"/>
            <source srcset="https://picsum.photos/id/1004/160/160" media="(min-width:500px)"/>
            <source srcset="https://picsum.photos/id/1004/120/120" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/1004/208/208" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="208" height="208"/>
          </picture></a><a href="#" title="Instagram Post anzeigen" target="_blank">
          <picture>
            <source srcset="https://picsum.photos/id/1005/208/208" media="(min-width:768px)"/>
            <source srcset="https://picsum.photos/id/1005/160/160" media="(min-width:500px)"/>
            <source srcset="https://picsum.photos/id/1005/120/120" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/1005/208/208" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="208" height="208"/>
          </picture></a><a href="#" title="Instagram Post anzeigen" target="_blank">
          <picture>
            <source srcset="https://picsum.photos/id/1006/208/208" media="(min-width:768px)"/>
            <source srcset="https://picsum.photos/id/1006/160/160" media="(min-width:500px)"/>
            <source srcset="https://picsum.photos/id/1006/120/120" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/1006/208/208" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="208" height="208"/>
          </picture></a><a href="#" title="Instagram Post anzeigen" target="_blank">
          <picture>
            <source srcset="https://picsum.photos/id/1011/208/208" media="(min-width:768px)"/>
            <source srcset="https://picsum.photos/id/1011/160/160" media="(min-width:500px)"/>
            <source srcset="https://picsum.photos/id/1011/120/120" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/1011/208/208" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="208" height="208"/>
          </picture></a><a href="#" title="Instagram Post anzeigen" target="_blank">
          <picture>
            <source srcset="https://picsum.photos/id/1012/208/208" media="(min-width:768px)"/>
            <source srcset="https://picsum.photos/id/1012/160/160" media="(min-width:500px)"/>
            <source srcset="https://picsum.photos/id/1012/120/120" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/1012/208/208" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="208" height="208"/>
          </picture></a><a href="#" title="Instagram Post anzeigen" target="_blank">
          <picture>
            <source srcset="https://picsum.photos/id/1015/208/208" media="(min-width:768px)"/>
            <source srcset="https://picsum.photos/id/1015/160/160" media="(min-width:500px)"/>
            <source srcset="https://picsum.photos/id/1015/120/120" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/1015/208/208" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="208" height="208"/>
          </picture></a><a href="#" title="Instagram Post anzeigen" target="_blank">
          <picture>
            <source srcset="https://picsum.photos/id/1018/208/208" media="(min-width:768px)"/>
            <source srcset="https://picsum.photos/id/1018/160/160" media="(min-width:500px)"/>
            <source srcset="https://picsum.photos/id/1018/120/120" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/1018/208/208" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="208" height="208"/>
          </picture></a><a href="#" title="Instagram Post anzeigen" target="_blank">
          <picture>
            <source srcset="https://picsum.photos/id/1020/208/208" media="(min-width:768px)"/>
            <source srcset="https://picsum.photos/id/1020/160/160" media="(min-width:500px)"/>
            <source srcset="https://picsum.photos/id/1020/120/120" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/1020/208/208" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="208" height="208"/>
          </picture></a><a href="#" title="Instagram Post anzeigen" target="_blank">
          <picture>
            <source srcset="https://picsum.photos/id/1021/208/208" media="(min-width:768px)"/>
            <source srcset="https://picsum.photos/id/1021/160/160" media="(min-width:500px)"/>
            <source srcset="https://picsum.photos/id/1021/120/120" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/1021/208/208" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="208" height="208"/>
          </picture></a>
      </div>
      <!-- END GALLERY-->
      <div class="u-show--mobile-only"><a class="btn btn--icon-left" href="https://www.instagram.com/oth_regensburg/" target="_blank">
                    <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><span class="u-ml-tiny">Folge uns auf Instagram</span></a></div>
    </div>
    <div class="frame-space-after-large" id="career-oth">
      <!--START BANNER IMAGE REVERSE
      --><a class="c-banner c-banner__container o-grid o-grid-1-1@tablet  c-banner--reverse" href="#" title="Details anzeigen">
        <div class="c-banner__image-wrap o-outbreak-fullwidth--mobile-only">
        </div>
        <div class="c-banner__text-wrap">
          <h2 class="c-banner__headline">Karriere an der OTH</h2>
          <p class="c-banner__text">Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet.  </p><span class="btn btn--secondary">Alle offenen Stellen</span>
        </div></a>
      <!--END BANNER IMAGE REVERSE
      -->
    </div>
    <div class="frame-space-after-large o-outbreak-left" id="quote-slider">
      <div class="c-quote-slider">
        <div class="c-quote-slider__slides-container">
                <div class="c-slider-controls o-flex-line">
                  <button class="btn btn--arrow btn--arrow-left c-slider-controls__button c-slider-controls__button--prev" title="Previous slide">
                    <svg viewBox="0 0 13.455 24.081" role="img" aria-hidden="true" focusable="false">
                      <use xlink:href="Images/svg/sprite.symbol.svg#icon-chevron-left"></use>
                    </svg>
                  </button>
                  <button class="btn btn--arrow btn--arrow-right c-slider-controls__button c-slider-controls__button--next" title="Next slide">
                    <svg 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>
                  </button>
                </div>
          <div class="c-quote-slider__slides">
                  <div class="c-quote-slider__slide">
                          <div class="c-quote o-grid o-grid-1-1@desktop">
                            <!-- START QUOTE IMAGE-->
                            <div class="c-quote__image-wrap">
                                    <link rel="preload" as="image" href="https://picsum.photos/1200/600"/>
                                    <picture class="picture__mobile">
                                      <source srcset="https://unsplash.com/photos/OQMZwNd3ThU/download?ixid=MnwxMjA3fDB8MXxhbGx8fHx8fHx8fHwxNjU1MjE5MjU0&amp;force=true&amp;w=1920/640/640" media="(min-width:320px)"/>
                                      <source srcset="https://unsplash.com/photos/OQMZwNd3ThU/download?ixid=MnwxMjA3fDB8MXxhbGx8fHx8fHx8fHwxNjU1MjE5MjU0&amp;force=true&amp;w=1920/320/320" media="(min-width:0)"/><img class="image__default" src="https://unsplash.com/photos/OQMZwNd3ThU/download?ixid=MnwxMjA3fDB8MXxhbGx8fHx8fHx8fHwxNjU1MjE5MjU0&amp;force=true&amp;w=1920/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://unsplash.com/photos/OQMZwNd3ThU/download?ixid=MnwxMjA3fDB8MXxhbGx8fHx8fHx8fHwxNjU1MjE5MjU0&amp;force=true&amp;w=1920/1200/600" media="(min-width:960px)"/>
                                      <source srcset="https://unsplash.com/photos/OQMZwNd3ThU/download?ixid=MnwxMjA3fDB8MXxhbGx8fHx8fHx8fHwxNjU1MjE5MjU0&amp;force=true&amp;w=1920/960/480" media="(min-width:768px)"/><img class="image__default" src="https://unsplash.com/photos/OQMZwNd3ThU/download?ixid=MnwxMjA3fDB8MXxhbGx8fHx8fHx8fHwxNjU1MjE5MjU0&amp;force=true&amp;w=1920/1200/600" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="1200" height="600"/>
                                    </picture>
                            </div>
                            <!-- END QUOTE IMAGE-->
                            <!-- START QUOTE TEXT BLOCK-->
                            <div class="c-quote__text-container o-container o-flex-line">
                              <div class="c-quote__shadow">
                                <div class="c-quote__text-wrap">
                                  <p class="c-quote__text">Accusamus, accusantium, aperiam asperiores consequuntur doloremque earum eveniet facilis fugiat ipsa ipsam, modi velit!</p>
                                  <p class="c-quote__author">Max Mustermann<br/>Einkauf</p>
                                </div>
                              </div>
                            </div>
                            <!-- END QUOTE TEXT BLOCK-->
                          </div>
                  </div>
                  <div class="c-quote-slider__slide">
                          <div class="c-quote o-grid o-grid-1-1@desktop">
                            <!-- START QUOTE IMAGE-->
                            <div class="c-quote__image-wrap">
                                    <picture class="picture__mobile">
                                      <source srcset="https://unsplash.com/photos/14CswSK3rL8/download?force=true&amp;w=1920/640/640" media="(min-width:320px)"/>
                                      <source srcset="https://unsplash.com/photos/14CswSK3rL8/download?force=true&amp;w=1920/320/320" media="(min-width:0)"/><img class="image__default" src="https://unsplash.com/photos/14CswSK3rL8/download?force=true&amp;w=1920/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://unsplash.com/photos/14CswSK3rL8/download?force=true&amp;w=1920/1200/600" media="(min-width:960px)"/>
                                      <source srcset="https://unsplash.com/photos/14CswSK3rL8/download?force=true&amp;w=1920/960/480" media="(min-width:768px)"/><img class="image__default" src="https://unsplash.com/photos/14CswSK3rL8/download?force=true&amp;w=1920/1200/600" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="1200" height="600"/>
                                    </picture>
                            </div>
                            <!-- END QUOTE IMAGE-->
                            <!-- START QUOTE TEXT BLOCK-->
                            <div class="c-quote__text-container o-container o-flex-line">
                              <div class="c-quote__shadow">
                                <div class="c-quote__text-wrap">
                                  <p class="c-quote__text">Dies ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie aussehen.</p>
                                  <p class="c-quote__author">Maxine Mustermann<br/>Entwicklung</p>
                                </div>
                              </div>
                            </div>
                            <!-- END QUOTE TEXT BLOCK-->
                          </div>
                  </div>
                  <div class="c-quote-slider__slide">
                          <div class="c-quote o-grid o-grid-1-1@desktop">
                            <!-- START QUOTE IMAGE-->
                            <div class="c-quote__image-wrap">
                                    <picture class="picture__mobile">
                                      <source srcset="https://unsplash.com/photos/84nJeywULhQ/download?ixid=MnwxMjA3fDB8MXxhbGx8fHx8fHx8fHwxNjU1MjIxNTIx&amp;force=true&amp;w=1920/640/640" media="(min-width:320px)"/>
                                      <source srcset="https://unsplash.com/photos/84nJeywULhQ/download?ixid=MnwxMjA3fDB8MXxhbGx8fHx8fHx8fHwxNjU1MjIxNTIx&amp;force=true&amp;w=1920/320/320" media="(min-width:0)"/><img class="image__default" src="https://unsplash.com/photos/84nJeywULhQ/download?ixid=MnwxMjA3fDB8MXxhbGx8fHx8fHx8fHwxNjU1MjIxNTIx&amp;force=true&amp;w=1920/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://unsplash.com/photos/84nJeywULhQ/download?ixid=MnwxMjA3fDB8MXxhbGx8fHx8fHx8fHwxNjU1MjIxNTIx&amp;force=true&amp;w=1920/1200/600" media="(min-width:960px)"/>
                                      <source srcset="https://unsplash.com/photos/84nJeywULhQ/download?ixid=MnwxMjA3fDB8MXxhbGx8fHx8fHx8fHwxNjU1MjIxNTIx&amp;force=true&amp;w=1920/960/480" media="(min-width:768px)"/><img class="image__default" src="https://unsplash.com/photos/84nJeywULhQ/download?ixid=MnwxMjA3fDB8MXxhbGx8fHx8fHx8fHwxNjU1MjIxNTIx&amp;force=true&amp;w=1920/1200/600" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="1200" height="600"/>
                                    </picture>
                            </div>
                            <!-- END QUOTE IMAGE-->
                            <!-- START QUOTE TEXT BLOCK-->
                            <div class="c-quote__text-container o-container o-flex-line">
                              <div class="c-quote__shadow">
                                <div class="c-quote__text-wrap">
                                  <p class="c-quote__text">Cumque ducimus fugiat in, optio sunt velit voluptates.</p>
                                  <p class="c-quote__author">Maxine Mustermann-Musterfrau<br/>Geschäftsführung</p>
                                </div>
                              </div>
                            </div>
                            <!-- END QUOTE TEXT BLOCK-->
                          </div>
                  </div>
          </div>
        </div>
      </div>
    </div>
    <div class="frame-space-after-large" id="news-worth-knowing">
      <div class="c-teaserbox-slider c-teaserbox-slider--news">
        <div class="o-grid o-grid-2-1@desktop">
          <div class="u-topline">
            <h2 class="c-teaserbox-slider__headline">Wissenswert</h2>
            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
          </div>
          <div class="o-flex-line o-flex-line--items-end o-flex-line--end">
                  <div class="c-slider-controls o-flex-line">
                    <button class="btn btn--arrow btn--arrow-left c-slider-controls__button c-slider-controls__button--prev" title="Previous slide">
                      <svg viewBox="0 0 13.455 24.081" role="img" aria-hidden="true" focusable="false">
                        <use xlink:href="Images/svg/sprite.symbol.svg#icon-chevron-left"></use>
                      </svg>
                    </button>
                    <button class="btn btn--arrow btn--arrow-right c-slider-controls__button c-slider-controls__button--next" title="Next slide">
                      <svg 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>
                    </button>
                  </div><a class="btn btn--secondary u-ml-small u-hide--mobile-only" href="#">Alle News</a>
          </div>
        </div>
        <div class="c-teaserbox-slider__slides-container">
          <div class="c-teaserbox-slider__slides">
            <div class="c-teaserbox-slider__slide"><a class="c-teaserbox__link" href="#">
                <div class="c-teaserbox c-teaserbox--news o-grid o-grid-1-1 o-grid--nogutter">
                  <div class="c-teaserbox__image-wrap">
                    <picture class="c-teaserbox__image">
                      <source srcset="https://picsum.photos/id/1010/640/320" media="(min-width:640px)"/>
                      <source srcset="https://picsum.photos/id/1010/320/160" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/1010/640/320" alt="Lorem ipsum dolor sit amet." width="640" height="320"/>
                    </picture>
                  </div>
                  <div class="c-teaserbox__content-wrap">
                    <div class="c-teaserbox__text-wrap">
                      <h3 class="c-teaserbox__title">News Headline Donec pede justo, fringilla vel, aliquet nec</h3>
                      <div class="c-teaserbox__text">
                        <p class="u-line-clamp-3"><strong class="u-text-gull-gray u-mr-tiny">12.03.2022</strong><span>Warum OTH? Regional und doch urban. Top Professoren &amp; Spaß am Studium mehr</span></p>
                      </div>
                      <p class="c-teaserbox__keywords">
                        <svg class="u-mr-tiny" viewBox="0 0 36 36" role="img" aria-hidden="true" focusable="false">
                          <use xlink:href="Images/svg/sprite.symbol.svg#icon-tag"></use>
                        </svg><span>Lehre und Didaktik, OTH Regensburg</span>
                      </p>
                    </div>
                    <div>
                      <div class="c-teaserbox__button btn btn--readmore"><span class="btn__text">weiterlesen</span>
                        <svg viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
                          <use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-right"></use>
                        </svg>
                      </div>
                    </div>
                  </div>
                </div></a>
            </div>
            <div class="c-teaserbox-slider__slide"><a class="c-teaserbox__link" href="#">
                <div class="c-teaserbox c-teaserbox--news o-grid o-grid-1-1 o-grid--nogutter">
                  <div class="c-teaserbox__image-wrap">
                    <picture class="c-teaserbox__image">
                      <source srcset="https://picsum.photos/id/1011/640/320" media="(min-width:640px)"/>
                      <source srcset="https://picsum.photos/id/1011/320/160" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/1011/640/320" alt="Lorem ipsum dolor sit amet." width="640" height="320"/>
                    </picture>
                  </div>
                  <div class="c-teaserbox__content-wrap">
                    <div class="c-teaserbox__text-wrap">
                      <h3 class="c-teaserbox__title">News Headline Donec pede justo, fringilla vel, aliquet nec</h3>
                      <div class="c-teaserbox__text">
                        <p class="u-line-clamp-3"><strong class="u-text-gull-gray u-mr-tiny">12.03.2022</strong><span>In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium.</span></p>
                      </div>
                      <p class="c-teaserbox__keywords">
                        <svg class="u-mr-tiny" viewBox="0 0 36 36" role="img" aria-hidden="true" focusable="false">
                          <use xlink:href="Images/svg/sprite.symbol.svg#icon-tag"></use>
                        </svg><span>Lehre und Didaktik, OTH Regensburg</span>
                      </p>
                    </div>
                    <div>
                      <div class="c-teaserbox__button btn btn--readmore"><span class="btn__text">weiterlesen</span>
                        <svg viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
                          <use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-right"></use>
                        </svg>
                      </div>
                    </div>
                  </div>
                </div></a>
            </div>
            <div class="c-teaserbox-slider__slide"><a class="c-teaserbox__link" href="#">
                <div class="c-teaserbox c-teaserbox--news o-grid o-grid-1-1 o-grid--nogutter">
                  <div class="c-teaserbox__image-wrap">
                    <picture class="c-teaserbox__image">
                      <source srcset="https://picsum.photos/id/1012/640/320" media="(min-width:640px)"/>
                      <source srcset="https://picsum.photos/id/1012/320/160" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/1012/640/320" alt="Lorem ipsum dolor sit amet." width="640" height="320"/>
                    </picture>
                  </div>
                  <div class="c-teaserbox__content-wrap">
                    <div class="c-teaserbox__text-wrap">
                      <h3 class="c-teaserbox__title">Es ist ein paradiesmatisches Land, in dem einem gebratene Satzteile in den Mund fliegen</h3>
                      <div class="c-teaserbox__text">
                        <p class="u-line-clamp-3"><strong class="u-text-gull-gray u-mr-tiny">12.03.2022</strong><span>Ein kleines Bächlein namens Duden fließt durch ihren Ort und versorgt sie mit den nötigen Regelialien.</span></p>
                      </div>
                      <p class="c-teaserbox__keywords">
                        <svg class="u-mr-tiny" viewBox="0 0 36 36" role="img" aria-hidden="true" focusable="false">
                          <use xlink:href="Images/svg/sprite.symbol.svg#icon-tag"></use>
                        </svg><span>Lehre und Didaktik, OTH Regensburg</span>
                      </p>
                    </div>
                    <div>
                      <div class="c-teaserbox__button btn btn--readmore"><span class="btn__text">weiterlesen</span>
                        <svg viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
                          <use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-right"></use>
                        </svg>
                      </div>
                    </div>
                  </div>
                </div></a>
            </div>
            <div class="c-teaserbox-slider__slide"><a class="c-teaserbox__link" href="#">
                <div class="c-teaserbox c-teaserbox--news o-grid o-grid-1-1 o-grid--nogutter">
                  <div class="c-teaserbox__image-wrap">
                    <picture class="c-teaserbox__image">
                      <source srcset="https://picsum.photos/id/1013/640/320" media="(min-width:640px)"/>
                      <source srcset="https://picsum.photos/id/1013/320/160" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/1013/640/320" alt="Lorem ipsum dolor sit amet." width="640" height="320"/>
                    </picture>
                  </div>
                  <div class="c-teaserbox__content-wrap">
                    <div class="c-teaserbox__text-wrap">
                      <h3 class="c-teaserbox__title">Auch gibt es niemanden, der den Schmerz an sich liebt</h3>
                      <div class="c-teaserbox__text">
                        <p class="u-line-clamp-3"><strong class="u-text-gull-gray u-mr-tiny">12.03.2022</strong><span>Aber wer hat irgend ein Recht, einen Menschen zu tadeln, der die Entscheidung trifft, eine Freude zu genießen, die keine unangenehmen Folgen hat</span></p>
                      </div>
                      <p class="c-teaserbox__keywords">
                        <svg class="u-mr-tiny" viewBox="0 0 36 36" role="img" aria-hidden="true" focusable="false">
                          <use xlink:href="Images/svg/sprite.symbol.svg#icon-tag"></use>
                        </svg><span>Lehre und Didaktik, OTH Regensburg</span>
                      </p>
                    </div>
                    <div>
                      <div class="c-teaserbox__button btn btn--readmore"><span class="btn__text">weiterlesen</span>
                        <svg viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
                          <use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-right"></use>
                        </svg>
                      </div>
                    </div>
                  </div>
                </div></a>
            </div>
            <div class="c-teaserbox-slider__slide"><a class="c-teaserbox__link" href="#">
                <div class="c-teaserbox c-teaserbox--news o-grid o-grid-1-1 o-grid--nogutter">
                  <div class="c-teaserbox__image-wrap">
                    <picture class="c-teaserbox__image">
                      <source srcset="https://picsum.photos/id/1014/640/320" media="(min-width:640px)"/>
                      <source srcset="https://picsum.photos/id/1014/320/160" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/1014/640/320" alt="Lorem ipsum dolor sit amet." width="640" height="320"/>
                    </picture>
                  </div>
                  <div class="c-teaserbox__content-wrap">
                    <div class="c-teaserbox__text-wrap">
                      <h3 class="c-teaserbox__title">Es ist ein paradiesmatisches Land, in dem einem gebratene Satzteile in den Mund fliegen</h3>
                      <div class="c-teaserbox__text">
                        <p class="u-line-clamp-3"><strong class="u-text-gull-gray u-mr-tiny">12.03.2022</strong><span>Ein kleines Bächlein namens Duden fließt durch ihren Ort und versorgt sie mit den nötigen Regelialien.</span></p>
                      </div>
                      <p class="c-teaserbox__keywords">
                        <svg class="u-mr-tiny" viewBox="0 0 36 36" role="img" aria-hidden="true" focusable="false">
                          <use xlink:href="Images/svg/sprite.symbol.svg#icon-tag"></use>
                        </svg><span>Lehre und Didaktik, OTH Regensburg</span>
                      </p>
                    </div>
                    <div>
                      <div class="c-teaserbox__button btn btn--readmore"><span class="btn__text">weiterlesen</span>
                        <svg viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
                          <use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-right"></use>
                        </svg>
                      </div>
                    </div>
                  </div>
                </div></a>
            </div>
            <div class="c-teaserbox-slider__slide"><a class="c-teaserbox__link" href="#">
                <div class="c-teaserbox c-teaserbox--news o-grid o-grid-1-1 o-grid--nogutter">
                  <div class="c-teaserbox__image-wrap">
                    <picture class="c-teaserbox__image">
                      <source srcset="https://picsum.photos/id/1015/640/320" media="(min-width:640px)"/>
                      <source srcset="https://picsum.photos/id/1015/320/160" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/1015/640/320" alt="Lorem ipsum dolor sit amet." width="640" height="320"/>
                    </picture>
                  </div>
                  <div class="c-teaserbox__content-wrap">
                    <div class="c-teaserbox__text-wrap">
                      <h3 class="c-teaserbox__title">Auch gibt es niemanden, der den Schmerz an sich liebt</h3>
                      <div class="c-teaserbox__text">
                        <p class="u-line-clamp-3"><strong class="u-text-gull-gray u-mr-tiny">12.03.2022</strong><span>Aber wer hat irgend ein Recht, einen Menschen zu tadeln, der die Entscheidung trifft, eine Freude zu genießen, die keine unangenehmen Folgen hat</span></p>
                      </div>
                      <p class="c-teaserbox__keywords">
                        <svg class="u-mr-tiny" viewBox="0 0 36 36" role="img" aria-hidden="true" focusable="false">
                          <use xlink:href="Images/svg/sprite.symbol.svg#icon-tag"></use>
                        </svg><span>Lehre und Didaktik, OTH Regensburg</span>
                      </p>
                    </div>
                    <div>
                      <div class="c-teaserbox__button btn btn--readmore"><span class="btn__text">weiterlesen</span>
                        <svg viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
                          <use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-right"></use>
                        </svg>
                      </div>
                    </div>
                  </div>
                </div></a>
            </div>
          </div>
        </div>
      </div>
      <div class="u-show--mobile-only u-align-center--mobile-only"><a class="btn btn--secondary" href="#">Alle News</a></div>
    </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 7
<insert-markup>10.20-</insert-markup>
240

Professor:innen und über 706 Mitarbeiter:innen

57

Studiengänge: 28 Bachelor-, 20 Master-, vier berufsbegleitende Bachelor- und fünf weiterbildende Masterstudiengänge

11.000

Studierende aus XX Ländern

XX

Labore Lorem ipsum dolor sit amet, consectetuer adipiscing elit commodo ligula eget dolor.

Markup: templates/output/10-fullpage/fullpage-faculty-mechanical-engineering.html

<div class="c-back-to-mainpage">
  <div class="o-container"><a class="c-back-to-mainpage__link" href="#">
      <svg viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
        <use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-left"></use>
      </svg><span>Zur Website der OTH Regensburg</span></a></div>
</div>
<!-- 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">Angewandte Natur- und Kulturwissenschaften</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">
  <main class="o-container__content">
    <nav class="c-jump-navigation" aria-label="Jump navigation">
      <button class="btn btn--icon-left c-jump-navigation__button" title="Sprungnavigation anzeigen/ausblenden" aria-expanded="false">
        <svg viewBox="0 0 26 18" role="img" aria-hidden="true" focusable="false">
          <use xlink:href="Images/svg/sprite.symbol.svg#icon-feather-list"></use>
        </svg>
        <svg class="c-jump-navigation__button-close" viewBox="0 0 26 26" role="img" aria-hidden="true" focusable="false">
          <use xlink:href="Images/svg/sprite.symbol.svg#icon-close"></use>
        </svg><span class="u-ml-tiny">Inhalt</span>
      </button>
      <ul class="o-list-bare c-jump-navigation__list">
        <li class="c-jump-navigation__list-item"><a class="c-jump-navigation__link" href="#intro-subpage"><span class="c-jump-navigation__link-icon-wrap">
              <svg class="c-jump-navigation__link-icon" viewBox="0 0 26 18" role="img" aria-hidden="true" focusable="false">
                <use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-down"></use>
              </svg></span><span class="c-jump-navigation__link-label">Intro Unterseite</span></a></li>
        <li class="c-jump-navigation__list-item"><a class="c-jump-navigation__link" href="#faculty"><span class="c-jump-navigation__link-icon-wrap">
              <svg class="c-jump-navigation__link-icon" viewBox="0 0 26 18" role="img" aria-hidden="true" focusable="false">
                <use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-down"></use>
              </svg></span><span class="c-jump-navigation__link-label">Fakultäten</span></a></li>
        <li class="c-jump-navigation__list-item"><a class="c-jump-navigation__link" href="#fast-access"><span class="c-jump-navigation__link-icon-wrap">
              <svg class="c-jump-navigation__link-icon" viewBox="0 0 26 18" role="img" aria-hidden="true" focusable="false">
                <use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-down"></use>
              </svg></span><span class="c-jump-navigation__link-label">Schnelleinstieg</span></a></li>
        <li class="c-jump-navigation__list-item"><a class="c-jump-navigation__link" href="#degree-bachelor"><span class="c-jump-navigation__link-icon-wrap">
              <svg class="c-jump-navigation__link-icon" viewBox="0 0 26 18" role="img" aria-hidden="true" focusable="false">
                <use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-down"></use>
              </svg></span><span class="c-jump-navigation__link-label">Bachelorstudiengänge</span></a></li>
        <li class="c-jump-navigation__list-item"><a class="c-jump-navigation__link" href="#degree-master"><span class="c-jump-navigation__link-icon-wrap">
              <svg class="c-jump-navigation__link-icon" viewBox="0 0 26 18" role="img" aria-hidden="true" focusable="false">
                <use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-down"></use>
              </svg></span><span class="c-jump-navigation__link-label">Masterstudiengänge</span></a></li>
        <li class="c-jump-navigation__list-item"><a class="c-jump-navigation__link" href="#news"><span class="c-jump-navigation__link-icon-wrap">
              <svg class="c-jump-navigation__link-icon" viewBox="0 0 26 18" role="img" aria-hidden="true" focusable="false">
                <use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-down"></use>
              </svg></span><span class="c-jump-navigation__link-label">News</span></a></li>
        <li class="c-jump-navigation__list-item"><a class="c-jump-navigation__link" href="#events"><span class="c-jump-navigation__link-icon-wrap">
              <svg class="c-jump-navigation__link-icon" viewBox="0 0 26 18" role="img" aria-hidden="true" focusable="false">
                <use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-down"></use>
              </svg></span><span class="c-jump-navigation__link-label">Veranstaltungen</span></a></li>
      </ul>
    </nav>
    <div class="o-outbreak-right frame-space-after-large" id="intro-subpage">
      <!-- START INTRO SUBPAGE--><a class="c-intro-subpage" href="#">
        <div class="c-intro-subpage__content o-grid o-grid-1-1@desktop">
          <!-- START INTRO SUBPAGE TEXT WRAP-->
          <div class="c-intro-subpage__text-wrap">
            <div class="c-intro-subpage__text-inner">
              <h1 class="c-intro-subpage__headline">Fakultät Maschinenbau</h1>
              <div class="c-intro-subpage__description">
                <p>Unsere Fakultät gehört zu den größten Fakultäten der OTH Regensburg und bildet jährlich hunderte hoch qualifizierte Ingenieurinnen und Ingenieure aus. Unser Studienangebot umfasst vier Bachelor- und drei Masterstudiengänge, die neben dem allgemeinen Maschinenbau eine Fokussierung in den Bereichen Produktions-, Automatisierungs- und Medizintechnik bieten. Zudem ist die Fakultät an den Studiengängen Bauklimatik, Industriedesign, Logistik, Mechatronik sowie Regenerative Energietechnik und Energieeffizienz beteiligt.</p>
              </div><span class="c-intro-subpage__divider"></span>
              <p class="c-intro-subpage__additional-info">Angewandt und praxisnah. Bachelor und Master studieren.</p><span class="btn btn--icon-left">
                <svg viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
                  <use xlink:href="Images/svg/sprite.symbol.svg#icon-idea"></use>
                </svg><span class="btn__text">Studiengang finden</span></span>
            </div>
          </div>
          <!-- END INTRO SUBPAGE TEXT WRAP-->
          <!-- START INTRO SUBPAGE IMAGE-->
          <div class="c-intro-subpage__image">
            <picture class="picture__mobile">
              <source srcset="https://picsum.photos/id/1040/640/640" media="(min-width:320px)"/>
              <source srcset="https://picsum.photos/id/1040/320/320" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/1040/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/1040/1200/600" media="(min-width:960px)"/>
              <source srcset="https://picsum.photos/id/1040/960/480" media="(min-width:768px)"/><img class="image__default" src="https://picsum.photos/id/1040/1200/600" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="1200" height="600"/>
            </picture>
          </div>
          <!-- END INTRO SUBPAGE IMAGE-->
        </div></a>
      <!-- END INTRO SUBPAGE-->
    </div>
    <div class="frame-space-after-large" id="faculty">
      <!-- START TEASERBOX SLIDER-->
      <div class="c-teaserbox-slider">
        <div class="o-flex-line o-flex-line--items-center o-flex-line--between">
          <h2 class="c-teaserbox-slider__headline">Was zeichnet unsere Fakultät aus?</h2>
          <div class="c-slider-controls o-flex-line">
            <button class="btn btn--arrow btn--arrow-left c-slider-controls__button c-slider-controls__button--prev" title="Previous slide">
              <svg viewBox="0 0 13.455 24.081" role="img" aria-hidden="true" focusable="false">
                <use xlink:href="Images/svg/sprite.symbol.svg#icon-chevron-left"></use>
              </svg>
            </button>
            <button class="btn btn--arrow btn--arrow-right c-slider-controls__button c-slider-controls__button--next" title="Next slide">
              <svg 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>
            </button>
          </div>
        </div>
        <div class="c-teaserbox-slider__slides-container">
          <div class="c-teaserbox-slider__slides">
            <div class="c-teaserbox-slider__slide">
              <a class="c-teaserbox__link" href="#">
                <div class="c-teaserbox">
                  <div class="c-teaserbox__content-wrap">
                    <div class="c-teaserbox__text-wrap">
                      <h3 class="c-teaserbox__title">Einmalig in Bayern</h3>
                      <div class="c-teaserbox__text">
                        <p>Bachelor Mikrosystemtechnik oder Umwelt- und Industriesensorik studieren.</p>
                      </div>
                    </div>
                    <div class="c-teaserbox__button"><span class="btn btn--icon-left">
                        <svg viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
                          <use xlink:href="Images/svg/sprite.symbol.svg#icon-idea"></use>
                        </svg><span class="btn__text">Mehr erfahren</span></span></div>
                  </div>
                </div>
              </a>
            </div>
            <div class="c-teaserbox-slider__slide">
              <a class="c-teaserbox__link" href="#">
                <div class="c-teaserbox">
                  <div class="c-teaserbox__content-wrap">
                    <div class="c-teaserbox__text-wrap">
                      <h3 class="c-teaserbox__title">Vielfältig und international</h3>
                      <div class="c-teaserbox__text">
                        <p>Bachelor International Relations Management und Master Interkulturalitätmanagement an unserer Fakultät.</p>
                      </div>
                    </div>
                    <div class="c-teaserbox__button"><span class="btn btn--icon-left">
                        <svg viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
                          <use xlink:href="Images/svg/sprite.symbol.svg#icon-idea"></use>
                        </svg><span class="btn__text">Mehr erfahren</span></span></div>
                  </div>
                </div>
              </a>
            </div>
            <div class="c-teaserbox-slider__slide">
              <a class="c-teaserbox__link" href="#">
                <div class="c-teaserbox">
                  <div class="c-teaserbox__content-wrap">
                    <div class="c-teaserbox__text-wrap">
                      <h3 class="c-teaserbox__title">Vielfältig und international</h3>
                      <div class="c-teaserbox__text">
                        <p>Bachelor International Relations Management und Master Interkulturalitätmanagement an unserer Fakultät.</p>
                      </div>
                    </div>
                    <div class="c-teaserbox__button"><span class="btn btn--icon-left">
                        <svg viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
                          <use xlink:href="Images/svg/sprite.symbol.svg#icon-idea"></use>
                        </svg><span class="btn__text">Mehr erfahren</span></span></div>
                  </div>
                </div>
              </a>
            </div>
            <div class="c-teaserbox-slider__slide">
              <a class="c-teaserbox__link" href="#">
                <div class="c-teaserbox">
                  <div class="c-teaserbox__content-wrap">
                    <div class="c-teaserbox__text-wrap">
                      <h3 class="c-teaserbox__title">Cum sociis natoque penatibus et magis.</h3>
                      <div class="c-teaserbox__text">
                        <p>Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis.</p>
                      </div>
                    </div>
                    <div class="c-teaserbox__button"><span class="btn btn--icon-left">
                        <svg viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
                          <use xlink:href="Images/svg/sprite.symbol.svg#icon-idea"></use>
                        </svg><span class="btn__text">Mehr erfahren</span></span></div>
                  </div>
                </div>
              </a>
            </div>
          </div>
        </div>
      </div>
      <!-- END TEASERBOX SLIDER-->
    </div>
    <div class="frame-space-after-large o-outbreak-left" id="fast-access">
      <!--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">Schnelleinstieg für mein Studium</h2>
          <p class="c-banner__text">Stundenpläne, Moodle-Kursräume, Praxissemester</p><span class="btn btn--secondary">Jetzt informieren</span>
        </div></a>
      <!--END BANNER IMAGE 
      -->
    </div>
    <div class="frame-space-after-large" id="degree-bachelor">
      <h2>Bachelorstudiengänge</h2>
      <div class="o-grid o-grid-1-1@tablet o-grid-1-1-1@desktop"><a class="c-teaserbox-studycourse theme7" href="#">
          <picture class="c-teaserbox-studycourse__image">
            <source srcset="https://picsum.photos/id/13/464/232" media="(min-width:768px)"/>
            <source srcset="https://picsum.photos/id/13/360/180" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/13/464/232" alt="image alt" title="image title" width="464" height="232"/>
          </picture>
          <div class="c-teaserbox-studycourse__content">
            <p class="c-teaserbox-studycourse__description" role="doc-subtitle">Master of Arts (M. A.)</p>
            <h2 class="c-teaserbox-studycourse__headline">Electrical and Microsystems Engineering studieren</h2>
            <ul class="c-teaserbox-studycourse__facts o-list-bare">
              <li class="c-teaserbox-studycourse__fact">3 Semester</li>
              <li class="c-teaserbox-studycourse__fact">Vollzeit, Dual</li>
              <li class="c-teaserbox-studycourse__fact">Wintersemester</li>
            </ul><span class="c-teaserbox-studycourse__fake-link">Zum Studiengang
              <svg class="c-teaserbox-studycourse__icon-arrow" role="img" focusable="false" aria-hidden="true" viewbox="0 0 36 36.111">
                <use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-right"></use>
              </svg></span>
          </div></a><a class="c-teaserbox-studycourse theme7" href="#">
          <picture class="c-teaserbox-studycourse__image">
            <source srcset="https://picsum.photos/id/14/464/232" media="(min-width:768px)"/>
            <source srcset="https://picsum.photos/id/14/360/180" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/14/464/232" alt="image alt" title="image title" width="464" height="232"/>
          </picture>
          <div class="c-teaserbox-studycourse__content">
            <p class="c-teaserbox-studycourse__description" role="doc-subtitle">Master of Arts (M. A.)</p>
            <h2 class="c-teaserbox-studycourse__headline">Electrical and Microsystems Engineering studieren</h2>
            <ul class="c-teaserbox-studycourse__facts o-list-bare">
              <li class="c-teaserbox-studycourse__fact">3 Semester</li>
              <li class="c-teaserbox-studycourse__fact">Vollzeit, Dual</li>
              <li class="c-teaserbox-studycourse__fact">Wintersemester</li>
            </ul><span class="c-teaserbox-studycourse__fake-link">Zum Studiengang
              <svg class="c-teaserbox-studycourse__icon-arrow" role="img" focusable="false" aria-hidden="true" viewbox="0 0 36 36.111">
                <use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-right"></use>
              </svg></span>
          </div></a><a class="c-teaserbox-studycourse theme7" href="#">
          <picture class="c-teaserbox-studycourse__image">
            <source srcset="https://picsum.photos/id/11/464/232" media="(min-width:768px)"/>
            <source srcset="https://picsum.photos/id/11/360/180" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/11/464/232" alt="image alt" title="image title" width="464" height="232"/>
          </picture>
          <div class="c-teaserbox-studycourse__content">
            <p class="c-teaserbox-studycourse__description" role="doc-subtitle">Master of Arts (M. A.)</p>
            <h2 class="c-teaserbox-studycourse__headline">Electrical and Microsystems Engineering studieren</h2>
            <ul class="c-teaserbox-studycourse__facts o-list-bare">
              <li class="c-teaserbox-studycourse__fact">3 Semester</li>
              <li class="c-teaserbox-studycourse__fact">Vollzeit, Dual</li>
              <li class="c-teaserbox-studycourse__fact">Wintersemester</li>
            </ul><span class="c-teaserbox-studycourse__fake-link">Zum Studiengang
              <svg class="c-teaserbox-studycourse__icon-arrow" role="img" focusable="false" aria-hidden="true" viewbox="0 0 36 36.111">
                <use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-right"></use>
              </svg></span>
          </div></a><a class="c-teaserbox-studycourse theme7" href="#">
          <picture class="c-teaserbox-studycourse__image">
            <source srcset="https://picsum.photos/id/33/464/232" media="(min-width:768px)"/>
            <source srcset="https://picsum.photos/id/33/360/180" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/33/464/232" alt="image alt" title="image title" width="464" height="232"/>
          </picture>
          <div class="c-teaserbox-studycourse__content">
            <p class="c-teaserbox-studycourse__description" role="doc-subtitle">Master of Arts (M. A.)</p>
            <h2 class="c-teaserbox-studycourse__headline">Electrical and Microsystems Engineering studieren</h2>
            <ul class="c-teaserbox-studycourse__facts o-list-bare">
              <li class="c-teaserbox-studycourse__fact">3 Semester</li>
              <li class="c-teaserbox-studycourse__fact">Vollzeit, Dual</li>
              <li class="c-teaserbox-studycourse__fact">Wintersemester</li>
            </ul><span class="c-teaserbox-studycourse__fake-link">Zum Studiengang
              <svg class="c-teaserbox-studycourse__icon-arrow" role="img" focusable="false" aria-hidden="true" viewbox="0 0 36 36.111">
                <use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-right"></use>
              </svg></span>
          </div></a>
      </div>
    </div>
    <div class="frame-space-after-large" id="degree-master">
      <h2>Masterstudiengänge</h2>
      <div class="o-grid o-grid-1-1@tablet o-grid-1-1-1@desktop"><a class="c-teaserbox-studycourse theme7" href="#">
          <picture class="c-teaserbox-studycourse__image">
            <source srcset="https://picsum.photos/id/62/464/232" media="(min-width:768px)"/>
            <source srcset="https://picsum.photos/id/62/360/180" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/62/464/232" alt="image alt" title="image title" width="464" height="232"/>
          </picture>
          <div class="c-teaserbox-studycourse__content">
            <p class="c-teaserbox-studycourse__description" role="doc-subtitle">Master of Arts (M. A.)</p>
            <h2 class="c-teaserbox-studycourse__headline">Electrical and Microsystems Engineering studieren</h2>
            <ul class="c-teaserbox-studycourse__facts o-list-bare">
              <li class="c-teaserbox-studycourse__fact">3 Semester</li>
              <li class="c-teaserbox-studycourse__fact">Vollzeit, Dual</li>
              <li class="c-teaserbox-studycourse__fact">Wintersemester</li>
            </ul><span class="c-teaserbox-studycourse__fake-link">Zum Studiengang
              <svg class="c-teaserbox-studycourse__icon-arrow" role="img" focusable="false" aria-hidden="true" viewbox="0 0 36 36.111">
                <use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-right"></use>
              </svg></span>
          </div></a><a class="c-teaserbox-studycourse theme7" href="#">
          <picture class="c-teaserbox-studycourse__image">
            <source srcset="https://picsum.photos/id/107/464/232" media="(min-width:768px)"/>
            <source srcset="https://picsum.photos/id/107/360/180" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/107/464/232" alt="image alt" title="image title" width="464" height="232"/>
          </picture>
          <div class="c-teaserbox-studycourse__content">
            <p class="c-teaserbox-studycourse__description" role="doc-subtitle">Master of Arts (M. A.)</p>
            <h2 class="c-teaserbox-studycourse__headline">Electrical and Microsystems Engineering studieren</h2>
            <ul class="c-teaserbox-studycourse__facts o-list-bare">
              <li class="c-teaserbox-studycourse__fact">3 Semester</li>
              <li class="c-teaserbox-studycourse__fact">Vollzeit, Dual</li>
              <li class="c-teaserbox-studycourse__fact">Wintersemester</li>
            </ul><span class="c-teaserbox-studycourse__fake-link">Zum Studiengang
              <svg class="c-teaserbox-studycourse__icon-arrow" role="img" focusable="false" aria-hidden="true" viewbox="0 0 36 36.111">
                <use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-right"></use>
              </svg></span>
          </div></a><a class="c-teaserbox-studycourse theme7" href="#">
          <picture class="c-teaserbox-studycourse__image">
            <source srcset="https://picsum.photos/id/177/464/232" media="(min-width:768px)"/>
            <source srcset="https://picsum.photos/id/177/360/180" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/177/464/232" alt="image alt" title="image title" width="464" height="232"/>
          </picture>
          <div class="c-teaserbox-studycourse__content">
            <p class="c-teaserbox-studycourse__description" role="doc-subtitle">Master of Arts (M. A.)</p>
            <h2 class="c-teaserbox-studycourse__headline">Electrical and Microsystems Engineering studieren</h2>
            <ul class="c-teaserbox-studycourse__facts o-list-bare">
              <li class="c-teaserbox-studycourse__fact">3 Semester</li>
              <li class="c-teaserbox-studycourse__fact">Vollzeit, Dual</li>
              <li class="c-teaserbox-studycourse__fact">Wintersemester</li>
            </ul><span class="c-teaserbox-studycourse__fake-link">Zum Studiengang
              <svg class="c-teaserbox-studycourse__icon-arrow" role="img" focusable="false" aria-hidden="true" viewbox="0 0 36 36.111">
                <use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-right"></use>
              </svg></span>
          </div></a>
      </div>
    </div>
    <div class="frame-space-after-large" id="news">
      <div class="o-striped-letter o-striped-letter--t"></div>
      <div class="c-teaserbox-slider c-teaserbox-slider--news">
        <div class="o-grid o-grid-1-1@desktop">
          <div class="u-topline">
            <h2 class="c-teaserbox-slider__headline">News</h2>
            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
          </div>
          <div class="o-flex-line o-flex-line--items-end o-flex-line--end">
            <div class="c-slider-controls o-flex-line">
              <button class="btn btn--arrow btn--arrow-left c-slider-controls__button c-slider-controls__button--prev" title="Previous slide">
                <svg viewBox="0 0 13.455 24.081" role="img" aria-hidden="true" focusable="false">
                  <use xlink:href="Images/svg/sprite.symbol.svg#icon-chevron-left"></use>
                </svg>
              </button>
              <button class="btn btn--arrow btn--arrow-right c-slider-controls__button c-slider-controls__button--next" title="Next slide">
                <svg 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>
              </button>
            </div><a class="btn btn--secondary u-ml-small u-hide--mobile-only" href="#">Alle News</a>
          </div>
        </div>
        <div class="c-teaserbox-slider__slides-container">
          <div class="c-teaserbox-slider__slides">
            <div class="c-teaserbox-slider__slide"><a class="c-teaserbox__link" href="#">
                <div class="c-teaserbox c-teaserbox--news o-grid o-grid-1-1 o-grid--nogutter">
                  <div class="c-teaserbox__image-wrap">
                    <picture class="c-teaserbox__image">
                      <source srcset="https://picsum.photos/id/1070/640/320" media="(min-width:640px)"/>
                      <source srcset="https://picsum.photos/id/1070/320/160" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/1070/640/320" alt="Lorem ipsum dolor sit amet." width="640" height="320"/>
                    </picture>
                  </div>
                  <div class="c-teaserbox__content-wrap">
                    <div class="c-teaserbox__text-wrap">
                      <h3 class="c-teaserbox__title">News Headline Donec pede justo, fringilla vel, aliquet nec</h3>
                      <div class="c-teaserbox__text">
                        <p class="u-line-clamp-3"><strong class="u-text-gull-gray u-mr-tiny">12.03.2022</strong><span>In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.  Nullam dictum felis eu pede mollis pretium.</span></p>
                      </div>
                      <p class="c-teaserbox__keywords">
                        <svg class="u-mr-tiny" viewBox="0 0 36 36" role="img" aria-hidden="true" focusable="false">
                          <use xlink:href="Images/svg/sprite.symbol.svg#icon-tag"></use>
                        </svg><span>Lehre und Didaktik, OTH Regensburg</span>
                      </p>
                    </div>
                    <div>
                      <div class="c-teaserbox__button btn btn--readmore"><span class="btn__text">weiterlesen</span>
                        <svg viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
                          <use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-right"></use>
                        </svg>
                      </div>
                    </div>
                  </div>
                </div></a>
            </div>
            <div class="c-teaserbox-slider__slide"><a class="c-teaserbox__link" href="#">
                <div class="c-teaserbox c-teaserbox--news o-grid o-grid-1-1 o-grid--nogutter">
                  <div class="c-teaserbox__image-wrap">
                    <picture class="c-teaserbox__image">
                      <source srcset="https://picsum.photos/id/1071/640/320" media="(min-width:640px)"/>
                      <source srcset="https://picsum.photos/id/1071/320/160" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/1071/640/320" alt="Lorem ipsum dolor sit amet." width="640" height="320"/>
                    </picture>
                  </div>
                  <div class="c-teaserbox__content-wrap">
                    <div class="c-teaserbox__text-wrap">
                      <h3 class="c-teaserbox__title">Zwei flinke Boxer jagen die quirlige Eva</h3>
                      <div class="c-teaserbox__text">
                        <p class="u-line-clamp-3"><strong class="u-text-gull-gray u-mr-tiny">12.03.2022</strong><span>Zwei flinke Boxer jagen die quirlige Eva und ihren Mops durch Sylt. Franz jagt im komplett verwahrlosten Taxi quer durch Bayern. Zwölf Boxkämpfer jagen Viktor quer über den großen Sylter Deich.</span></p>
                      </div>
                      <p class="c-teaserbox__keywords">
                        <svg class="u-mr-tiny" viewBox="0 0 36 36" role="img" aria-hidden="true" focusable="false">
                          <use xlink:href="Images/svg/sprite.symbol.svg#icon-tag"></use>
                        </svg><span>Lehre und Didaktik, OTH Regensburg</span>
                      </p>
                    </div>
                    <div>
                      <div class="c-teaserbox__button btn btn--readmore"><span class="btn__text">weiterlesen</span>
                        <svg viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
                          <use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-right"></use>
                        </svg>
                      </div>
                    </div>
                  </div>
                </div></a>
            </div>
            <div class="c-teaserbox-slider__slide"><a class="c-teaserbox__link" href="#">
                <div class="c-teaserbox c-teaserbox--news o-grid o-grid-1-1 o-grid--nogutter">
                  <div class="c-teaserbox__image-wrap">
                    <picture class="c-teaserbox__image">
                      <source srcset="https://picsum.photos/id/1072/640/320" media="(min-width:640px)"/>
                      <source srcset="https://picsum.photos/id/1072/320/160" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/1072/640/320" alt="Lorem ipsum dolor sit amet." width="640" height="320"/>
                    </picture>
                  </div>
                  <div class="c-teaserbox__content-wrap">
                    <div class="c-teaserbox__text-wrap">
                      <h3 class="c-teaserbox__title">Zwölf Boxkämpfer jagen Viktor quer über den großen Sylter Deich</h3>
                      <div class="c-teaserbox__text">
                        <p class="u-line-clamp-3"><strong class="u-text-gull-gray u-mr-tiny">12.03.2022</strong><span>Zwölf Boxkämpfer jagen Viktor quer über den großen Sylter Deich. Vogel Quax zwickt Johnys Pferd Bim.</span></p>
                      </div>
                      <p class="c-teaserbox__keywords">
                        <svg class="u-mr-tiny" viewBox="0 0 36 36" role="img" aria-hidden="true" focusable="false">
                          <use xlink:href="Images/svg/sprite.symbol.svg#icon-tag"></use>
                        </svg><span>Lehre und Didaktik, OTH Regensburg</span>
                      </p>
                    </div>
                    <div>
                      <div class="c-teaserbox__button btn btn--readmore"><span class="btn__text">weiterlesen</span>
                        <svg viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
                          <use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-right"></use>
                        </svg>
                      </div>
                    </div>
                  </div>
                </div></a>
            </div>
            <div class="c-teaserbox-slider__slide"><a class="c-teaserbox__link" href="#">
                <div class="c-teaserbox c-teaserbox--news o-grid o-grid-1-1 o-grid--nogutter">
                  <div class="c-teaserbox__image-wrap">
                    <picture class="c-teaserbox__image">
                      <source srcset="https://picsum.photos/id/1073/640/320" media="(min-width:640px)"/>
                      <source srcset="https://picsum.photos/id/1073/320/160" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/1073/640/320" alt="Lorem ipsum dolor sit amet." width="640" height="320"/>
                    </picture>
                  </div>
                  <div class="c-teaserbox__content-wrap">
                    <div class="c-teaserbox__text-wrap">
                      <h3 class="c-teaserbox__title">News Headline Donec pede justo</h3>
                      <div class="c-teaserbox__text">
                        <p class="u-line-clamp-3"><strong class="u-text-gull-gray u-mr-tiny">12.03.2022</strong><span>In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.  Nullam dictum felis eu pede mollis pretium.</span></p>
                      </div>
                      <p class="c-teaserbox__keywords">
                        <svg class="u-mr-tiny" viewBox="0 0 36 36" role="img" aria-hidden="true" focusable="false">
                          <use xlink:href="Images/svg/sprite.symbol.svg#icon-tag"></use>
                        </svg><span>Lehre und Didaktik, OTH Regensburg</span>
                      </p>
                    </div>
                    <div>
                      <div class="c-teaserbox__button btn btn--readmore"><span class="btn__text">weiterlesen</span>
                        <svg viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
                          <use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-right"></use>
                        </svg>
                      </div>
                    </div>
                  </div>
                </div></a>
            </div>
          </div>
        </div>
      </div>
      <div class="u-show--mobile-only u-align-center--mobile-only"><a class="btn btn--secondary" href="#">Alle News</a></div>
    </div>
    <div class="frame-space-after-large" id="events">
      <h2 class="u-topline u-headline-light">Veranstaltungen</h2>
      <div class="o-grid o-grid-1-1@tablet o-grid-1-1-1-1@desktop-wide"><a class="c-teaserbox__link" href="#" title="Details zur Veranstaltung &quot;Ferienbetreuung  an Ostern für Grundschulkinder&quot; anzeigen">
          <div class="c-teaserbox c-teaserbox--event">
            <div class="c-teaserbox__content-wrap">
              <div class="c-teaserbox__event-date"><span class="c-teaserbox__event-day">19</span><span class="c-teaserbox__event-month">Jan</span>
              </div>
              <div class="c-teaserbox__event-details">
                <h3 class="c-teaserbox__title">Ferienbetreuung  an Ostern für Grundschulkinder</h3>
                <div class="c-teaserbox__button"><span class="btn btn--icon-left">
                    <svg viewBox="0 0 38.774 38" role="img" aria-hidden="true" focusable="false">
                      <use xlink:href="Images/svg/sprite.symbol.svg#icon-location"></use>
                    </svg><span class="btn__text">Veranstaltungsort</span></span></div>
              </div>
            </div>
          </div></a><a class="c-teaserbox__link" href="#" title="Details zur Veranstaltung &quot;Online-Ringvorlesung &quot;Interdisziplinäre Facetten der Nachhaltigkeit&quot;&quot; anzeigen">
          <div class="c-teaserbox c-teaserbox--event">
            <div class="c-teaserbox__content-wrap">
              <div class="c-teaserbox__event-date"><span class="c-teaserbox__event-day">28</span><span class="c-teaserbox__event-month">Jan</span>
              </div>
              <div class="c-teaserbox__event-details">
                <h3 class="c-teaserbox__title">Online-Ringvorlesung &quot;Interdisziplinäre Facetten der Nachhaltigkeit&quot;</h3>
                <div class="c-teaserbox__button"><span class="btn btn--icon-left">
                    <svg viewBox="0 0 38.774 38" role="img" aria-hidden="true" focusable="false">
                      <use xlink:href="Images/svg/sprite.symbol.svg#icon-location"></use>
                    </svg><span class="btn__text">online</span></span></div>
              </div>
            </div>
          </div></a><a class="c-teaserbox__link" href="#" title="Details zur Veranstaltung &quot;Virtueller Infoabend zum berufsbegleitenden Bachelor Soziale Arbeit&quot; anzeigen">
          <div class="c-teaserbox c-teaserbox--event">
            <div class="c-teaserbox__content-wrap">
              <div class="c-teaserbox__event-date"><span class="c-teaserbox__event-day">28</span><span class="c-teaserbox__event-month">Jan</span>
              </div>
              <div class="c-teaserbox__event-details">
                <h3 class="c-teaserbox__title">Virtueller Infoabend zum berufsbegleitenden Bachelor Soziale Arbeit</h3>
                <div class="c-teaserbox__button"><span class="btn btn--icon-left">
                    <svg viewBox="0 0 38.774 38" role="img" aria-hidden="true" focusable="false">
                      <use xlink:href="Images/svg/sprite.symbol.svg#icon-location"></use>
                    </svg><span class="btn__text">online</span></span></div>
              </div>
            </div>
          </div></a><a class="c-teaserbox__link" href="#" title="Details zur Veranstaltung &quot;Kurs »Stressprävention«&quot; anzeigen">
          <div class="c-teaserbox c-teaserbox--event">
            <div class="c-teaserbox__content-wrap">
              <div class="c-teaserbox__event-date"><span class="c-teaserbox__event-day">19</span><span class="c-teaserbox__event-month">Jan</span>
              </div>
              <div class="c-teaserbox__event-details">
                <h3 class="c-teaserbox__title">Kurs »Stressprävention«</h3>
                <div class="c-teaserbox__button"><span class="btn btn--icon-left">
                    <svg viewBox="0 0 38.774 38" role="img" aria-hidden="true" focusable="false">
                      <use xlink:href="Images/svg/sprite.symbol.svg#icon-location"></use>
                    </svg><span class="btn__text">Veranstaltungsort</span></span></div>
              </div>
            </div>
          </div></a>
      </div><a class="btn btn--icon-left" href="#" title="Seite mit allen Veranstaltungen anzeigen">
        <svg viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
          <use xlink:href="Images/svg/sprite.symbol.svg#icon-calendar"></use>
        </svg><span>Alle Veranstaltungen an der Fakultät</span></a>
    </div>
    <div class="frame-space-after-large o-outbreak-fullwidth" id="faculty-overview">
      <!-- START BANNER IMAGE TEXTBOX--><a class="c-banner-imagetextbox " href="#">
        <!-- START BANNER IMAGE-->
        <div class="c-banner-imagetextbox__image-wrap">
          <picture class="picture__mobile">
            <source srcset="https://picsum.photos/id/1018/640/640" media="(min-width:320px)"/>
            <source srcset="https://picsum.photos/id/1018/320/320" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/1018/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/1018/1200/600" media="(min-width:960px)"/>
            <source srcset="https://picsum.photos/id/1018/960/480" media="(min-width:768px)"/><img class="image__default" src="https://picsum.photos/id/1018/1200/600" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="1200" height="600"/>
          </picture>
        </div>
        <!-- END BANNER IMAGE-->
        <!-- START BANNER TEXT BLOCK-->
        <div class="c-banner-imagetextbox__container o-container o-flex-line">
          <div class="c-banner-imagetextbox__text-wrap">
            <h2 class="c-banner-imagetextbox__headline">Die Fakultät auf einen Blick</h2>
            <div class="c-banner-imagetextbox__text">
              <p>Kurzprofil Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.</p>
            </div><span class="btn btn--secondary"><span class="btn__text">Studiengang finden</span></span>
          </div>
        </div>
        <!-- END BANNER TEXT BLOCK--></a>
      <!-- END BANNER IMAGE TEXTBOX-->
    </div>
    <div class="frame-space-after-large" id="facts">
      <!-- START FACTBOX CONTENT SPECIALS-->
      <div class="c-factbox-content-specials">
        <div class="c-factbox-content-specials__content o-grid o-grid-1-1@tablet o-grid-1-1-1-1@desktop">
          <div class="c-factbox-content-specials__column c-factbox-content-specials__column--1"><svg class="c-factbox-content-specials__icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 81.1" xml:space="preserve"><path d="m41.8 48 20-20h-1.4l-20 20zm30 0 8.2-8.2v-1.4L70.4 48zM40 37.8l9.8-9.8h-1.4L40 36.4zm0 6L55.8 28h-1.4L40 42.4zm7.8 4.2 20-20h-1.4l-20 20zM40 31.8l3.8-3.8h-1.4L40 30.4zM77.8 48l2.2-2.2v-1.4L76.4 48zm-12 0L80 33.8v-1.4L64.4 48zm-12 0 20-20h-1.4l-20 20zm6 0 20-20h-1.4l-20 20z" class="u-hide@contrast-mode" fill="#94a3b8"/><g fill="none" stroke="#000" stroke-width="2" stroke-linecap="square"><path d="M20.5 13.165c0 3.5-2.9 6.4-6.4 6.4-3.5 0-6.4-2.9-6.4-6.4 0-3.5 2.9-6.4 6.4-6.4 3.5 0 6.4 2.8 6.4 6.4z" stroke-miterlimit="10"/><path d="m21.1 79.665.6-25.1c2.4-.8 5.2-2.8 4.9-5.3l-1.9-19.1c-.3-2.5-2.4-4.5-5-4.5H8.4c-2.6.1-4.7 2-5 4.5l-1.9 19.1c-.2 2.5 2.6 4.4 4.9 5.3l.6 25.1m68.2-63.5v38.9H30.3m-4.2-45.3h52.5v6.2H26.1"/></g></svg>
<span class="c-factbox-content-specials__counter">240</span>
            <p class="c-factbox-content-specials__text">Professor:innen und über 706 Mitarbeiter:innen</p>
          </div>
          <div class="c-factbox-content-specials__column c-factbox-content-specials__column--2"><svg class="c-factbox-content-specials__icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 80.2" xml:space="preserve"><style>.st1{fill:none;stroke:#000;stroke-width:2}</style><path d="M35.8 80.2 64 52v-1.4L34.4 80.2zm-12 0 32-32h-1.4l-32 32zm6 0 32-32h-1.4l-32 32zm12 0L64 58v-1.4L40.4 80.2zm-24 0 32-32h-1.4l-32 32zm42 0L64 76v-1.4l-5.6 5.6zm-6 0L64 70v-1.4L52.4 80.2zm-6 0L64 64v-1.4L46.4 80.2zM0 74l25.8-25.8h-1.4L0 72.6zm0-18 7.8-7.8H6.4L0 54.6zm0 6 13.8-13.8h-1.4L0 60.6zm11.8 18.2 32-32h-1.4l-32 32zM0 50l1.8-1.8H.4l-.4.4zm5.8 30.2 32-32h-1.4l-32 32zM0 68l19.8-19.8h-1.4L0 66.6zm0 12 31.8-31.8h-1.4L0 78.6z" fill="#94a3b8" class="u-hide@contrast-mode"/><path class="st1" d="m73.3 31.5 5.5-1.9v-5.2L40 13.2 1.2 24.3v5.2L40 42.2l27.5-9"/><path class="st1" d="M18.5 41.8v8.8c4.9 4.6 12.6 7.6 21 7.6s16.1-3 21-7.6V36"/><path class="st1" d="M67.8 52.4v-23l-25.9-7M72 56.8c0 2.3-1.9 4.2-4.2 4.2-2.3 0-4.2-1.9-4.2-4.2 0-2.3 1.9-4.2 4.2-4.2 2.4 0 4.2 1.9 4.2 4.2z"/><path class="st1" d="m66 60.7-2.3 9.4h8.4l-2.3-9.4"/></svg>
<span class="c-factbox-content-specials__counter">57</span>
            <p class="c-factbox-content-specials__text">Studiengänge: 28 Bachelor-, 20 Master-, vier berufsbegleitende Bachelor- und fünf weiterbildende Masterstudiengänge</p>
          </div>
          <div class="c-factbox-content-specials__column c-factbox-content-specials__column--3"><svg class="c-factbox-content-specials__icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 82 80" xml:space="preserve"><style>.st1{fill:none;stroke:#000;stroke-width:2}</style><path d="m47.8 68 32-32h-1.4l-32 32zm6 0L82 39.8v-1.4L52.4 68zm6 0L82 45.8v-1.4L58.4 68zm-18 0 32-32h-1.4l-32 32zm24 0L82 51.8v-1.4L64.4 68zm12 0 4.2-4.2v-1.4L76.4 68zm-6 0L82 57.8v-1.4L70.4 68zm-36 0 32-32h-1.4l-32 32zM18 37.8l1.8-1.8h-1.4l-.4.4zm0 18L37.8 36h-1.4L18 54.4zm0-6L31.8 36h-1.4L18 48.4zm0-6 7.8-7.8h-1.4L18 42.4zM29.8 68l32-32h-1.4l-32 32zm-6 0 32-32h-1.4l-32 32zM18 61.8 43.8 36h-1.4L18 60.4zm0 6L49.8 36h-1.4L18 66.4z" fill="#94a3b8" class="u-hide@contrast-mode"/><path class="st1" d="m47.4 1.5-3 4.7c16.3 9.5 21.7 30.4 12.2 46.6S26.4 74.5 10.1 65c-.2-.1-.4-.2-.6-.4l-2.8 4.7"/><path d="M26 69.8v8.6m-13.6.1h27.2" fill="none" stroke="#000" stroke-width="2" stroke-linejoin="round"/><path class="st1" d="M33 10.6C22.1 7.9 10.8 12.7 5.1 22.3c-.5.8-.9 1.6-1.3 2.4l7.4 7.2-1.1 6.1 4.2 2.5 2.9 10.3 8.3-15.2-8.7-4.6-5.6.4-.6-4.6 7.2-4.9-.3-9.4"/><path class="st1" d="M1.9 30.4C-.8 44.2 8.1 57.7 22 60.4c13.8 2.7 27.3-6.2 30-20.1 2.1-10.6-2.7-21.4-11.9-26.9-.7-.4-1.5-.8-2.2-1.2L35 20.1l2.6 1.6 9.4-1-2.9 5.6-7.4.9c-6.1 5.1 1 7.6 1 7.6l2.9.1 2.5 10.6 2.6-3.8 6.1-8.9"/></svg>
<span class="c-factbox-content-specials__counter">11.000</span>
            <p class="c-factbox-content-specials__text">Studierende aus XX Ländern</p>
          </div>
          <div class="c-factbox-content-specials__column c-factbox-content-specials__column--4"><svg class="c-factbox-content-specials__icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 80" xml:space="preserve"><style>.st1,.st2{fill:none;stroke:#000;stroke-width:2}.st2{stroke-miterlimit:10}</style><path d="M35.8 58 64 29.8v-1.4L34.4 58zm-6 0 32-32h-1.4l-32 32zm-6 0 32-32h-1.4l-32 32zm36 0 4.2-4.2v-1.4L58.4 58zm-42 0 32-32h-1.4l-32 32zm36 0L64 47.8v-1.4L52.4 58zm-12 0L64 35.8v-1.4L40.4 58zm6 0L64 41.8v-1.4L46.4 58zm-42 0 32-32h-1.4l-32 32zM0 33.8 7.8 26H6.4L0 32.4zM11.8 58l32-32h-1.4l-32 32zM0 39.8 13.8 26h-1.4L0 38.4zm0-12L1.8 26H.4l-.4.4zm0 30L31.8 26h-1.4L0 56.4zm0-12L19.8 26h-1.4L0 44.4zm0 6L25.8 26h-1.4L0 50.4z" class="u-hide@contrast-mode" fill="#94a3b8"/><path class="st1" d="M36.882 35.3c-3.6 3.9-5.7 9-5.7 14.3 0 11.9 10 21.5 22.4 21.5 2.8 0 5.6-.5 8.2-1.5V58.8"/><path class="st1" d="M33.082 26.9c-15.1 11.4-18.1 32.9-6.7 48 1 1.3 2 2.5 3.1 3.6h38.3"/><path class="st2" d="m35.382 17.1 10.7-4.9 13.9 30.4-10.7 4.9-13.9-30.4z"/><path class="st1" d="m41.982 8.3-3-6.3-7 3.2 3 6.3"/><path d="m45.882 40.2 10.7-4.9m-12.7 23.2h24.8" fill="none" stroke="#000" stroke-width="2" stroke-linejoin="round"/><path class="st2" d="M50.582 58.7v12.1"/></svg>
<span class="c-factbox-content-specials__counter">XX</span>
            <p class="c-factbox-content-specials__text">Labore Lorem ipsum dolor sit amet, consectetuer adipiscing elit commodo ligula eget dolor.</p>
          </div>
        </div>
      </div>
    </div>
    <div class="frame-space-after-large o-outbreak-right" id="research">
      <!--START BANNER IMAGE REVERSE
      --><a class="c-banner c-banner__container o-grid o-grid-1-1@tablet  c-banner--reverse" 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/1055/640/640" media="(min-width:320px)"/>
            <source srcset="https://picsum.photos/id/1055/320/320" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/1055/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/1055/1200/600" media="(min-width:960px)"/>
            <source srcset="https://picsum.photos/id/1055/960/480" media="(min-width:768px)"/><img class="image__default" src="https://picsum.photos/id/1055/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">Forschung  Cum sociis natoque penatibus</h2>
          <p class="c-banner__text">Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet.</p><span class="btn btn--secondary">Mehr erfahren</span>
        </div></a>
      <!--END BANNER IMAGE REVERSE
      -->
    </div>
    <div class="frame-space-after-large" id="projects">
      <div class="o-grid o-grid-1-1@tablet">
        <h2>Aktuelle Projekte</h2>
        <div class="o-flex-line o-flex-line--items-center o-flex-line--end@tablet"><a class="btn btn--secondary" href="#">Alle Projekte</a></div>
      </div>
      <div class="o-grid frame-space-after-large o-grid-1-1@tablet o-grid-1-1-1@desktop u-pattern u-pattern--fullsize u-pattern--90v u-pattern--75v@desktop"><a class="c-teaserbox__link" href="#">
          <div class="c-teaserbox c-teaserbox--text-image o-grid o-grid--nogutter">
            <div class="c-teaserbox__image-wrap">
              <picture class="c-teaserbox__image">
                <source srcset="https://picsum.photos/id/1002/800/400" media="(min-width:1400px)"/>
                <source srcset="https://picsum.photos/id/1002/900/450" media="(min-width:960px)"/>
                <source srcset="https://picsum.photos/id/1002/1200/600" media="(min-width:768px)"/>
                <source srcset="https://picsum.photos/id/1002/1400/700" media="(min-width:576px)"/>
                <source srcset="https://picsum.photos/id/1002/450/225" media="(min-width:320px)"/><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-teaserbox__content-wrap">
              <div class="c-teaserbox__text-wrap">
                <h3 class="c-teaserbox__title">Cum sociis natoque penatibus et magnis dis parturient</h3>
                <div class="c-teaserbox__text">
                  <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. </p>
                </div>
              </div><span class="c-teaserbox__button btn btn--icon-left">
                <svg viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
                  <use xlink:href="Images/svg/sprite.symbol.svg#icon-idea"></use>
                </svg><span class="btn__text">Mehr erfahren</span></span>
            </div>
          </div></a><a class="c-teaserbox__link" href="#">
          <div class="c-teaserbox c-teaserbox--text-image o-grid o-grid--nogutter">
            <div class="c-teaserbox__image-wrap">
              <picture class="c-teaserbox__image">
                <source srcset="https://picsum.photos/id/1011/800/400" media="(min-width:1400px)"/>
                <source srcset="https://picsum.photos/id/1011/900/450" media="(min-width:960px)"/>
                <source srcset="https://picsum.photos/id/1011/1200/600" media="(min-width:768px)"/>
                <source srcset="https://picsum.photos/id/1011/1400/700" media="(min-width:576px)"/>
                <source srcset="https://picsum.photos/id/1011/450/225" media="(min-width:320px)"/><img class="image__default" src="https://picsum.photos/id/1011/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-teaserbox__content-wrap">
              <div class="c-teaserbox__text-wrap">
                <h3 class="c-teaserbox__title">Cum sociis natoque penatibus et magnis dis parturient</h3>
                <div class="c-teaserbox__text">
                  <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. </p>
                </div>
              </div><span class="c-teaserbox__button btn btn--icon-left">
                <svg viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
                  <use xlink:href="Images/svg/sprite.symbol.svg#icon-idea"></use>
                </svg><span class="btn__text">Mehr erfahren</span></span>
            </div>
          </div></a><a class="c-teaserbox__link" href="#">
          <div class="c-teaserbox c-teaserbox--text-image o-grid o-grid--nogutter">
            <div class="c-teaserbox__image-wrap">
              <picture class="c-teaserbox__image">
                <source srcset="https://picsum.photos/id/1040/800/400" media="(min-width:1400px)"/>
                <source srcset="https://picsum.photos/id/1040/900/450" media="(min-width:960px)"/>
                <source srcset="https://picsum.photos/id/1040/1200/600" media="(min-width:768px)"/>
                <source srcset="https://picsum.photos/id/1040/1400/700" media="(min-width:576px)"/>
                <source srcset="https://picsum.photos/id/1040/450/225" media="(min-width:320px)"/><img class="image__default" src="https://picsum.photos/id/1040/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-teaserbox__content-wrap">
              <div class="c-teaserbox__text-wrap">
                <h3 class="c-teaserbox__title">Cum sociis natoque penatibus et magnis dis parturient</h3>
                <div class="c-teaserbox__text">
                  <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. </p>
                </div>
              </div><span class="c-teaserbox__button btn btn--icon-left">
                <svg viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
                  <use xlink:href="Images/svg/sprite.symbol.svg#icon-idea"></use>
                </svg><span class="btn__text">Mehr erfahren</span></span>
            </div>
          </div></a>
      </div>
    </div>
    <div class="frame-space-after-large" id="worth-knowing">
      <h2 class="u-topline u-headline-light">Wissenswert</h2>
      <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
      <div class="o-grid o-grid-1-1@desktop">
        <a class="c-teaserbox__link" href="#">
          <div class="c-teaserbox">
            <div class="c-teaserbox__content-wrap">
              <div class="c-teaserbox__text-wrap">
                <h3 class="c-teaserbox__title">Allgemeinwissenschaftliche Wahlpflichtmodule für die ganze OTH</h3>
                <div class="c-teaserbox__text">
                  <p>In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.</p>
                </div>
              </div>
              <div class="c-teaserbox__button"><span class="btn btn--icon-left">
                  <svg viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
                    <use xlink:href="Images/svg/sprite.symbol.svg#icon-idea"></use>
                  </svg><span class="btn__text">Mehr erfahren</span></span></div>
            </div>
          </div>
        </a>
        <a class="c-teaserbox__link" href="#">
          <div class="c-teaserbox">
            <div class="c-teaserbox__content-wrap">
              <div class="c-teaserbox__text-wrap">
                <h3 class="c-teaserbox__title">Mitglied im Arbeitskreis Schlüsselkompetenzen in Bayern</h3>
                <div class="c-teaserbox__text">
                  <p>Nullam dictum felis eu pede mollis pretium. Integer tincidunt.</p>
                </div>
              </div>
              <div class="c-teaserbox__button"><span class="btn btn--icon-left">
                  <svg viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
                    <use xlink:href="Images/svg/sprite.symbol.svg#icon-idea"></use>
                  </svg><span class="btn__text">Mehr erfahren</span></span></div>
            </div>
          </div>
        </a>
      </div>
    </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 15
<insert-markup>10.30-</insert-markup>
  • Sie befinden sich auf der Seite **Seitentitel einfügen**
  • Kontakt
  • Personen

Filter

  • Abschluss

  • Studientyp

  • Zulassung

  • Studienbeginn

  • Studientyp

Suchen Sie etwas Bestimmtes?

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.

Markup: templates/output/10-fullpage/fullpage-search-results.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="search-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">Suchen Sie etwas Bestimmtes?</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"></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"></div>
          <div data-vue-portal="#vue-portal-list"></div>
        </div>
      </div>
    </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 25

Study Course Pages

List and Detail View

<insert-markup>10.35.1-</insert-markup>
  • Sie befinden sich auf der Seite **Seitentitel einfügen**
  • Studieren
  • Studiengänge

Filter

  • Abschluss

  • Studientyp

  • Zulassung

  • Studienbeginn

  • Studientyp

Studienangebot

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.

17 Studiengänge gefunden
Markup: templates/output/10-fullpage/courses/fullpage-study-courses.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">Studieren</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">Studiengänge</span>
    </li>
    <!-- END BREADCRUMB ITEM-->
  </ul>
  <!-- END BREADCRUMB-->
  <main class="o-container__content">
    <div id="study-courses-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">Studienangebot</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 Studiengänge 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 41
<insert-markup>10.35.2-</insert-markup>
Bachelor of Engineering (B. Eng.)

Bauingenieurwesen berufsbegleitend studieren

Als Bauingenieurin oder Bauingenieur gestalten Sie Bauwerke, Städte, Infrastruktur und unsere Umwelt. Sie planen, konstruieren und berechnen - und setzen die Werke verantwortungsvoll und kreativ um. Beginnen Sie Ihre Karriere mit uns. Wir vermitteln Ihnen das Handwerkszeug.

Infomaterial anfordernJetzt bewerben
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero. Fusce vulputate eleifend sapien. Vestibulum purus quam, scelerisque ut, mollis sed, nonummy id, metus. Nullam accumsan lorem in dui. Cras ultricies mi eu turpis hendrerit fringilla. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In ac dui quis mi consectetuer lacinia. Nam pretium turpis et arcu. Duis arcu tortor, suscipit eget, imperdiet nec, imperdiet iaculis, ipsum. Sed aliquam ultrices mauris. Integer ante arcu, accumsan a, consectetuer eget, posuere ut, mauris. Praesent adipiscing. Phasellus ullamcorper ipsum rutrum nunc. Nunc nonummy metus. Vestibulum volutpat pretium libero. Cras id dui. Aenean ut

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero. Fusce vulputate eleifend sapien. Vestibulum purus quam, scelerisque ut, mollis sed, nonummy id, metus. Nullam accumsan lorem in dui. Cras ultricies mi eu turpis hendrerit fringilla. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In ac dui quis mi consectetuer lacinia. Nam pretium turpis et arcu. Duis arcu tortor, suscipit eget, imperdiet nec, imperdiet iaculis, ipsum. Sed aliquam ultrices mauris. Integer ante arcu, accumsan a, consectetuer eget, posuere ut, mauris. Praesent adipiscing. Phasellus ullamcorper ipsum rutrum nunc. Nunc nonummy metus. Vestibulum volutpat pretium libero. Cras id dui. Aenean ut

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero. Fusce vulputate eleifend sapien. Vestibulum purus quam, scelerisque ut, mollis sed, nonummy id, metus. Nullam accumsan lorem in dui. Cras ultricies mi eu turpis hendrerit fringilla. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In ac dui quis mi consectetuer lacinia. Nam pretium turpis et arcu. Duis arcu tortor, suscipit eget, imperdiet nec, imperdiet iaculis, ipsum. Sed aliquam ultrices mauris. Integer ante arcu, accumsan a, consectetuer eget, posuere ut, mauris. Praesent adipiscing. Phasellus ullamcorper ipsum rutrum nunc. Nunc nonummy metus. Vestibulum volutpat pretium libero. Cras id dui. Aenean ut

Markup: templates/output/10-fullpage/courses/fullpage-study-courses-detail.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">Studieren</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"><a class="c-breadcrumb__link" href="#"><span class="c-breadcrumb__text">Studiengänge</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">Bachelor Bauingenieurwesen</span>
    </li>
    <!-- END BREADCRUMB ITEM-->
  </ul>
  <!-- END BREADCRUMB-->
  <main class="o-container__content">
    <div class="o-grid frame-space-before-large o-grid-3-1@desktop o-grid--gap-sidebar@desktop">
      <div>
        <div class="frame-space-after-large" id="introduction"><span class="u-headline-h4" role="doc-subtitle">Bachelor of Engineering (B. Eng.)</span>
          <h1 class="u-mt-small">Bauingenieurwesen berufsbegleitend studieren</h1>
          <p>Als Bauingenieurin oder Bauingenieur gestalten Sie Bauwerke, Städte, Infrastruktur und unsere Umwelt. Sie planen, konstruieren und berechnen - und setzen die Werke verantwortungsvoll und kreativ um. Beginnen Sie Ihre Karriere mit uns. Wir vermitteln Ihnen das Handwerkszeug.</p><a class="btn btn--secondary" href="#">Infomaterial anfordern</a><a class="btn btn--secondary" href="#">Jetzt bewerben</a>
        </div>
        <div class="frame-space-after-large o-outbreak-left">
          <div class="u-linepattern-right">
            <picture>
              <source srcset="https://picsum.photos/id/1002/1490/745" media="(min-width:1200px)"/>
              <source srcset="https://picsum.photos/id/1002/1200/600" media="(min-width:960px)"/>
              <source srcset="https://picsum.photos/id/1002/960/540" media="(min-width:768px)"/>
              <source srcset="https://picsum.photos/id/1002/640/360" media="(min-width:320px)"/>
              <source srcset="https://picsum.photos/id/1002/320/180" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/1002/1200x600" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="1490" height="745"/>
            </picture>
          </div>
        </div>
        <div class="frame-space-after-large">
          <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero. Fusce vulputate eleifend sapien. Vestibulum purus quam, scelerisque ut, mollis sed, nonummy id, metus. Nullam accumsan lorem in dui. Cras ultricies mi eu turpis hendrerit fringilla. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In ac dui quis mi consectetuer lacinia. Nam pretium turpis et arcu. Duis arcu tortor, suscipit eget, imperdiet nec, imperdiet iaculis, ipsum. Sed aliquam ultrices mauris. Integer ante arcu, accumsan a, consectetuer eget, posuere ut, mauris. Praesent adipiscing. Phasellus ullamcorper ipsum rutrum nunc. Nunc nonummy metus. Vestibulum volutpat pretium libero. Cras id dui. Aenean ut</p>
          <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero. Fusce vulputate eleifend sapien. Vestibulum purus quam, scelerisque ut, mollis sed, nonummy id, metus. Nullam accumsan lorem in dui. Cras ultricies mi eu turpis hendrerit fringilla. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In ac dui quis mi consectetuer lacinia. Nam pretium turpis et arcu. Duis arcu tortor, suscipit eget, imperdiet nec, imperdiet iaculis, ipsum. Sed aliquam ultrices mauris. Integer ante arcu, accumsan a, consectetuer eget, posuere ut, mauris. Praesent adipiscing. Phasellus ullamcorper ipsum rutrum nunc. Nunc nonummy metus. Vestibulum volutpat pretium libero. Cras id dui. Aenean ut</p>
          <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero. Fusce vulputate eleifend sapien. Vestibulum purus quam, scelerisque ut, mollis sed, nonummy id, metus. Nullam accumsan lorem in dui. Cras ultricies mi eu turpis hendrerit fringilla. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In ac dui quis mi consectetuer lacinia. Nam pretium turpis et arcu. Duis arcu tortor, suscipit eget, imperdiet nec, imperdiet iaculis, ipsum. Sed aliquam ultrices mauris. Integer ante arcu, accumsan a, consectetuer eget, posuere ut, mauris. Praesent adipiscing. Phasellus ullamcorper ipsum rutrum nunc. Nunc nonummy metus. Vestibulum volutpat pretium libero. Cras id dui. Aenean ut</p>
        </div>
      </div>
      <aside>
        <!-- START OVERVIEW BLOCK-->
        <div class="frame-space-after-large">
          <h2 class="u-headline-h4">Auf einen Blick</h2>
                    <ul class="c-icon-overview-list o-list-bare">
                      <li class="c-icon-overview-list__item">
                        <svg class="c-icon-overview-list__icon" viewBox="0 0 38.774 38" role="img" aria-hidden="true" focusable="false">
                          <use xlink:href="Images/svg/sprite.symbol.svg#icon-study"></use>
                        </svg>
                        <div class="c-icon-overview-list__content"><span class="c-icon-overview-list__title">Abschluss</span><span class="c-icon-overview-list__description"><strong>Bachelor of Engineering (B. Eng.)</strong></span></div>
                      </li>
                      <li class="c-icon-overview-list__item">
                        <svg class="c-icon-overview-list__icon" viewBox="0 0 38.774 38" role="img" aria-hidden="true" focusable="false">
                          <use xlink:href="Images/svg/sprite.symbol.svg#icon-microscope"></use>
                        </svg>
                        <div class="c-icon-overview-list__content"><span class="c-icon-overview-list__title">Studientyp</span><span class="c-icon-overview-list__description"><strong>Vollzeit, Dual, berufsbegleitend</strong></span></div>
                      </li>
                      <li class="c-icon-overview-list__item">
                        <svg class="c-icon-overview-list__icon" viewBox="0 0 38.774 38" role="img" aria-hidden="true" focusable="false">
                          <use xlink:href="Images/svg/sprite.symbol.svg#icon-time"></use>
                        </svg>
                        <div class="c-icon-overview-list__content"><span class="c-icon-overview-list__title">Nächster Studienbeginn</span><span class="c-icon-overview-list__description"><strong>Sommersemester – 15.03.<br>Wintersemester – 01.10.</strong></span></div>
                      </li>
                      <li class="c-icon-overview-list__item">
                        <svg class="c-icon-overview-list__icon" viewBox="0 0 38.774 38" role="img" aria-hidden="true" focusable="false">
                          <use xlink:href="Images/svg/sprite.symbol.svg#icon-calendar"></use>
                        </svg>
                        <div class="c-icon-overview-list__content"><span class="c-icon-overview-list__title">Bewerbungsfrist</span><span class="c-icon-overview-list__description"><strong>Wintersemester –  01.05.  bis  15.07<br>Sommersemester –  15.11.  bis  15.01.</strong></span></div>
                      </li>
                      <li class="c-icon-overview-list__item">
                        <svg class="c-icon-overview-list__icon" viewBox="0 0 38.774 38" role="img" aria-hidden="true" focusable="false">
                          <use xlink:href="Images/svg/sprite.symbol.svg#icon-grade"></use>
                        </svg>
                        <div class="c-icon-overview-list__content"><span class="c-icon-overview-list__title">ECTS-Punkte</span><span class="c-icon-overview-list__description"><strong>180 ECTS</strong></span></div>
                      </li>
                      <li class="c-icon-overview-list__item">
                        <svg class="c-icon-overview-list__icon" viewBox="0 0 38.774 38" role="img" aria-hidden="true" focusable="false">
                          <use xlink:href="Images/svg/sprite.symbol.svg#icon-hourglass"></use>
                        </svg>
                        <div class="c-icon-overview-list__content"><span class="c-icon-overview-list__title">Regelstudienzeit</span><span class="c-icon-overview-list__description"><strong>7 Semester</strong></span></div>
                      </li>
                      <li class="c-icon-overview-list__item">
                        <svg class="c-icon-overview-list__icon" viewBox="0 0 38.774 38" role="img" aria-hidden="true" focusable="false">
                          <use xlink:href="Images/svg/sprite.symbol.svg#icon-door"></use>
                        </svg>
                        <div class="c-icon-overview-list__content"><span class="c-icon-overview-list__title">Zulassung</span><span class="c-icon-overview-list__description"><strong>Nicht zulassungsbeschränkt</strong></span></div>
                      </li>
                      <li class="c-icon-overview-list__item">
                        <svg class="c-icon-overview-list__icon" viewBox="0 0 38.774 38" role="img" aria-hidden="true" focusable="false">
                          <use xlink:href="Images/svg/sprite.symbol.svg#icon-languages"></use>
                        </svg>
                        <div class="c-icon-overview-list__content"><span class="c-icon-overview-list__title">Unterrichtssprache</span><span class="c-icon-overview-list__description"><strong>Deutsch, teilweise Englisch</strong></span></div>
                      </li>
                      <li class="c-icon-overview-list__item">
                        <svg class="c-icon-overview-list__icon" viewBox="0 0 38.774 38" role="img" aria-hidden="true" focusable="false">
                          <use xlink:href="Images/svg/sprite.symbol.svg#icon-money"></use>
                        </svg>
                        <div class="c-icon-overview-list__content"><span class="c-icon-overview-list__title">Studiengebühren</span><span class="c-icon-overview-list__description"><strong>Nur Semesterbeitrag</strong></span></div>
                      </li>
                      <li class="c-icon-overview-list__item">
                        <svg class="c-icon-overview-list__icon" viewBox="0 0 38.774 38" role="img" aria-hidden="true" focusable="false">
                          <use xlink:href="Images/svg/sprite.symbol.svg#icon-university"></use>
                        </svg>
                        <div class="c-icon-overview-list__content"><span class="c-icon-overview-list__title">Fakultät</span><span class="c-icon-overview-list__description"><strong>Bauingenieurwesen</strong></span></div>
                      </li>
                    </ul>
        </div>
        <!-- END OVERVIEW BLOCK-->
        <!-- START EVENTS BLOCK-->
        <div class="frame-space-after-large">
          <h2 class="u-headline-h4">Termine</h2>
          <div class="u-mb-medium"><a class="c-teaserbox__link" href="#" title="Details zur Veranstaltung &quot;Infoabend zum Bachelor Bauingenieurwesen&quot; anzeigen">
              <div class="c-teaserbox c-teaserbox--event">
                <div class="c-teaserbox__content-wrap">
                  <div class="c-teaserbox__event-date"><span class="c-teaserbox__event-day">26</span><span class="c-teaserbox__event-month">Jan</span>
                  </div>
                  <div class="c-teaserbox__event-details">
                    <h3 class="c-teaserbox__title">Infoabend zum Bachelor Bauingenieurwesen</h3>
                    <div class="c-teaserbox__button"><span class="btn btn--icon-left">
                        <svg viewBox="0 0 38.774 38" role="img" aria-hidden="true" focusable="false">
                          <use xlink:href="Images/svg/sprite.symbol.svg#icon-location"></use>
                        </svg><span class="btn__text">online</span></span></div>
                  </div>
                </div>
              </div></a>
          </div><a class="c-teaserbox__link" href="#" title="Details zur Veranstaltung &quot;Bewerbungsfrist zum Wintersemester 2022&quot; anzeigen">
            <div class="c-teaserbox c-teaserbox--event">
              <div class="c-teaserbox__content-wrap">
                <div class="c-teaserbox__event-date"><span class="c-teaserbox__event-day">01</span><span class="c-teaserbox__event-month">Jan</span><span class="c-teaserbox__event-date-divider"></span><span class="c-teaserbox__event-day">15</span><span class="c-teaserbox__event-month">Jul</span>
                </div>
                <div class="c-teaserbox__event-details">
                  <h3 class="c-teaserbox__title">Bewerbungsfrist zum Wintersemester 2022</h3>
                  <div class="c-teaserbox__button"><span class="btn btn--icon-left">
                      <svg viewBox="0 0 38.774 38" role="img" aria-hidden="true" focusable="false">
                        <use xlink:href="Images/svg/sprite.symbol.svg#icon-location"></use>
                      </svg><span class="btn__text">online</span></span></div>
                </div>
              </div>
            </div></a>
        </div>
        <!-- END EVENTS BLOCK-->
        <!-- START KONTAKT BLOCK-->
        <div class="frame-space-after-large">
          <h2 class="u-headline-h4">Kontakt</h2>
          <div class="u-mb-medium">
            <div class="c-contactbox">
              <picture class="c-contactbox__image">
                <!-- START RENDER CONTACT BOX IMAGE IN SIDEBAR WITH SMALLER IMAGE DIMENSION-->
                <source srcset="https://picsum.photos/id/1040/500/250" media="(min-width:1400px)"/>
                <source srcset="https://picsum.photos/id/1040/400/200" media="(min-width:1200px)"/>
                <source srcset="https://picsum.photos/id/1040/300/150" media="(min-width:1024px)"/>
                <source srcset="https://picsum.photos/id/1040/1024/512" media="(min-width:900px)"/>
                <source srcset="https://picsum.photos/id/1040/900/450" media="(min-width:768px)"/>
                <source srcset="https://picsum.photos/id/1040/768/384" media="(min-width:600px)"/>
                <source srcset="https://picsum.photos/id/1040/600/300" media="(min-width:480px)"/>
                <source srcset="https://picsum.photos/id/1040/480/240" media="(min-width:0)"/><img src="https://picsum.photos/id/1040/500/250" width="500" height="250" alt="#" loading="lazy"/>
                <!-- END RENDER CONTACT BOX IMAGE IN SIDEBAR WITH SMALLER IMAGE DIMENSION-->
              </picture>
              <div class="c-contactbox__content">
                <div class="c-contactbox__information">
                  <h3 class="c-contactbox__title">Prof. Dr.-Ing. Hans-Peter Rabl</h3>
                  <div class="c-contactbox__description">
                    <p>Zusätzliche Beschreibung (optional) Cum sociis natoque penatibus et magnis</p>
                  </div>
                  <ul class="c-contactbox__list o-list-bare">
                    <li class="c-contactbox__list-item"><a class="c-contactbox__list-link" href="tel:+499419439710">
                        <svg class="c-contactbox__icon" viewBox="0 0 38 38.816">
                          <use xlink:href="Images/svg/sprite.symbol.svg#icon-phone-black"></use>
                        </svg><span class="c-contactbox__list-text">+49 (0)941 / 943 - 9710</span></a>
                    </li>
                    <li class="c-contactbox__list-item"><a class="c-contactbox__list-link" href="mailto:mustermann@oth-regensburg.de">
                        <svg class="c-contactbox__icon" viewBox="0 0 38 38.816">
                          <use xlink:href="Images/svg/sprite.symbol.svg#icon-letter-black"></use>
                        </svg><span class="c-contactbox__list-text">mustermann@oth-regensburg.de</span></a>
                    </li>
                  </ul>
                </div><span class="c-contactbox__cta">Alle Infos zur Person
                  <svg viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
                    <use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-right"></use>
                  </svg></span>
              </div><a class="c-contactbox__link" href="#container" title="Alle Informationen zu &quot;Prof. Dr.-Ing. Hans-Peter Rabl&quot;"></a>
              <script type="application/ld+json">
                {
                  "@context": "http://schema.org",
                  "@type": "Person",
                  "givenName": "Hans-Peter",
                  "familyName": "Rabl",
                  "honorificPrefix": "Prof. Dr.-Ing.",
                  "affiliation": "Fakultät Maschinenbau",
                  "email": "studienberatung@oth-regensburg.de ",
                  "telephone": "+4994194302",
                  "image": "http://photourl",
                  "address": "Galgenbergstraße 30, Raum D111",
                  "worksFor": "OTH Regensburg"
                }
              </script>
            </div>
          </div>
          <div class="u-mb-medium"><a class="c-teaserbox-raw" href="#">
              <h3 class="c-teaserbox-raw__title">Fragen zur Bewerbung</h3>
              <p class="c-teaserbox-raw__description">Die Abteilung Studium beantwortet all Ihre Fragen rund um die Bewerbung.</p>
              <svg class="c-teaserbox-raw__icon" viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
                <use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-right"></use>
              </svg></a>
          </div>
          <div class="u-mb-medium"><a class="c-teaserbox-raw" href="#">
              <h3 class="c-teaserbox-raw__title">Beratung für internationale Studierende</h3>
              <p class="c-teaserbox-raw__description">Serviceangebot für Studieninteressierte aus dem Ausland</p>
              <svg class="c-teaserbox-raw__icon" viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
                <use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-right"></use>
              </svg></a>
          </div>
          <div class="u-mb-medium"><a class="c-teaserbox-raw" href="#">
              <h3 class="c-teaserbox-raw__title">Studiengangbotschafter</h3>
              <p class="c-teaserbox-raw__description">Aktuell Studierende beantworten Fragen zum Studienalltag an der OTH</p>
              <svg class="c-teaserbox-raw__icon" viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
                <use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-right"></use>
              </svg></a>
          </div>
        </div>
        <!-- END KONTAKT BLOCK-->
        <!-- START LIST DOWNLOAD LINKS BLOCK-->
        <div class="frame-space-after-large">
          <h2 class="u-headline-h4">Downloads</h2>
          <ul class="o-list-bare c-linklist c-linklist--icon">
            <li class="c-linklist__item"><a class="c-linklist__link" href="#"><span class="c-linklist__icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 35.304">
 <path fill="currentColor" transform="translate(9539.6 5696)" d="m-9515.3-5696-24.234 3.4492.2832 1.9805 21.951-3.125v2.1347h2zm-14.203 24.771v2h5.9004v-2zm0-8.856v2h2.9512v-2zm1.952-3.904v1.9688h2v-1.9688zm0 3.92v9.8398h2v-9.8398zm-12-12.456v29.369l26 2.461v-29.367zm2 2.1992 22 2.084v25.348l-22-2.082z"/>
</svg>
</span><span class="c-linklist__text">Infoblatt Bauingenieurwesen B. Eng.<br>(PDF | 2 MB)</span></a>
            </li>
            <li class="c-linklist__item"><a class="c-linklist__link" href="#"><span class="c-linklist__icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 35.304">
 <path fill="currentColor" transform="translate(9539.6 5696)" d="m-9515.3-5696-24.234 3.4492.2832 1.9805 21.951-3.125v2.1347h2zm-14.203 24.771v2h5.9004v-2zm0-8.856v2h2.9512v-2zm1.952-3.904v1.9688h2v-1.9688zm0 3.92v9.8398h2v-9.8398zm-12-12.456v29.369l26 2.461v-29.367zm2 2.1992 22 2.084v25.348l-22-2.082z"/>
</svg>
</span><span class="c-linklist__text">Informationen für ausländische Studierende<br>(PDF | 2 MB)</span></a>
            </li>
          </ul>
        </div>
        <!-- END LIST DOWNLOAD LINKS BLOCK-->
        <!-- START FOR STUDENTS BLOCK-->
        <div class="frame-space-after-large"><a class="btn btn--primary" href="#">Infos für Studierende</a></div>
        <!-- END FOR STUDENTS BLOCK-->
      </aside>
    </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--link"><a class="c-quick-action-toolbar__link" href="#">
      <svg class="c-quick-action-toolbar__icon" viewBox="0 0 30.17 30.309" role="img" aria-hidden="true" focusable="false">
        <use xlink:href="Images/svg/sprite.symbol.svg#icon-edit"></use>
      </svg><span class="c-quick-action-toolbar__title" aria-hidden="true">Jetzt bewerben</span></a></li>
  <li class="c-quick-action-toolbar__item c-quick-action-toolbar__item--link"><a class="c-quick-action-toolbar__link" href="#">
      <svg class="c-quick-action-toolbar__icon" viewBox="0 0 26 35.304" role="img" aria-hidden="true" focusable="false">
        <use xlink:href="Images/svg/sprite.symbol.svg#icon-info-brochure"></use>
      </svg><span class="c-quick-action-toolbar__title" aria-hidden="true">Infos anfordern</span></a></li>
  <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 49
<insert-markup>10.40-</insert-markup>

Headline H2 Curabitur ullamcorper

Die Technology for Future and Ageing Pipelines Conference (TFAP) im belgischen Gent konnte vom 29. bis 31. März 2022 zum ersten Mal seit Beginn der Coronapandemie mit einemhybriden Teilnahmekonzept wieder überwiegend in Präsenz abgehalten werden. Dementsprechend groß war die Freude bei Vertreter*innen von Betreiber- und Wartungsgesell-schaften sowie der Forschung aus aller Welt, sich endlich wieder persönlich austauschen zu können. So auch bei den beiden Doktoranden Philipp Marx und Reiner Trautmannsberger vom Computational Mechanics and Materials Lab (CMM) mit Sitz im Technologie-Campus an der Donau.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.

Headline H2 Curabitur ullamcorper

Die Technology for Future and Ageing Pipelines Conference (TFAP) im belgischen Gent konnte vom 29. bis 31. März 2022 zum ersten Mal seit Beginn der Coronapandemie mit einem hybriden Teilnahmekonzept wieder überwiegend in Präsenz abgehalten werden. Dementsprechend groß war die Freude bei Vertreter*innen von Betreiber- und Wartungsgesell-schaften sowie der Forschung aus aller Welt, sich endlich wieder persönlich austauschen zu können. So auch bei den beiden Doktoranden Philipp Marx und Reiner Trautmannsberger vom Computational Mechanics and Materials Lab (CMM) mit Sitz im Technologie-Campus an der Donau.

H3 Cum sociis natoque penatibus

In 65 Double-Peer-Review-Beiträgen, darunter auch ein Beitrag der beiden Doktoranden, wurde das Wissen und die neuesten Erkenntnisse im Bereich Bewertung, Betrieb und Instandhaltung von Onshore- und Offshore-Pipelines vorgestellt und diskutiert. Bei der diesjährigen Veranstaltung stand aufgrund der aktuellen welt- und klimapolitischen Lage besonders die Förderung von Wasserstoff im Fokus, mit welcher besondere Anforderungen an die Pipelines einhergehen.

H5 Maecenas tempus

Im Beitrag des CMM unter der Leitung von Prof. Dr Aida Nonn gingen die Autoren der Frage nach, inwieweit das Belastungsszenario einer berstenden Pipeline über vereinfachte Ansätze abgebildet werden kann. Als Basis diente dabei ein an der Ostbayerischen Technischen Hochschule Regensburg (OTH Regensburg) entwickeltes Fluid-Struktur-Interaktions Modell (FSI). Dieses ist in der Lage, die Wechselwirkung zwischen den physikalischen Komponenten Rohr, dekomprimierendem Fluid und einer Hinterfüllung numerisch zu simulieren. Um den dafür benötigten hohen Berechnungsaufwand für z. B. Parameterstudien zu reduzieren, zeigten sich vereinfachte Lastfunktionen als geeignet.

  1. This is a list item in an ordered list
  2. An ordered list is a list in which the sequence of items is important. An ordered list does not necessarily contain sequence characters.
  3. Lists can be nested inside of each
    1. This is a nested list item
    2. This is another nested list item in an unordered list
  4. This is the last list item
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.
  • Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc, litot Europa usa li sam vocabular. Li lingues differe solmen in li grammatica, li pronunciation e li plu commun vocabules. Omnicos directe al desirabilite de un nov lingua franca: On refusa continuar payar custosi traductores. At solmen va esser necessi far uniform grammatica, pronunciation e plu sommun paroles.

    Ma quande lingues coalesce, li grammatica del resultant lingue es plu simplic e regulari quam ti del coalescent lingues. Li nov lingua franca va esser plu simplic e regulari quam li existent Europan lingues. It va esser tam simplic quam Occidental in fact, it va esser Occidental. A un Angleso it va semblar un simplificat Angles, quam un skeptic Cambridge amico dit me que Occidental es. Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc, litot Europa usa li sam vocabular. Li lingues differe solmen in li grammatica, li pronunciation e li plu commun vocabules. Omnicos directe al desirabilite de un nov lingua franca: On refusa continuar payar custosi traductores. At solmen va esser necessi far uniform grammatica, pronunciation e plu sommun paroles.

    • This is a list item in an unordered list
    • An unordered list is a list in which the sequence of items is not important. Sometimes, an unordered list is a bulleted list. And this is a long list item in an unordered list that can wrap onto a new line.
    • Lists can be nested inside of each other
      • This is a nested list item
      • This is another nested list item in an unordered list
    • This is the last list item
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo
  • Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc, litot Europa usa li sam vocabular. Li lingues differe solmen in li grammatica, li pronunciation e li plu commun vocabules. Omnicos directe al desirabilite de un nov lingua franca: On refusa continuar payar custosi traductores. At solmen va esser necessi far uniform grammatica, pronunciation e plu sommun paroles.

    Ma quande lingues coalesce, li grammatica del resultant lingue es plu simplic e regulari quam ti del coalescent lingues. Li nov lingua franca va esser plu simplic e regulari quam li existent Europan lingues. It va esser tam simplic quam Occidental in fact, it va esser Occidental. A un Angleso it va semblar un simplificat Angles, quam un skeptic Cambridge amico dit me que Occidental es. Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc, litot Europa usa li sam vocabular. Li lingues differe solmen in li grammatica, li pronunciation e li plu commun vocabules. Omnicos directe al desirabilite de un nov lingua franca: On refusa continuar payar custosi traductores. At solmen va esser necessi far uniform grammatica, pronunciation e plu sommun paroles.

    • This is a list item in an unordered list
    • An unordered list is a list in which the sequence of items is not important. Sometimes, an unordered list is a bulleted list. And this is a long list item in an unordered list that can wrap onto a new line.
    • Lists can be nested inside of each other
      • This is a nested list item
      • This is another nested list item in an unordered list
    • This is the last list item
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.

Headline H2 Curabitur ullamcorper

Die Technology for Future and Ageing Pipelines Conference (TFAP) im belgischen Gent konnte vom 29. bis 31. März 2022 zum ersten Mal seit Beginn der Coronapandemie mit einem hybriden Teilnahmekonzept wieder überwiegend in Präsenz abgehalten werden. Dementsprechend groß war die Freude bei Vertreter*innen von Betreiber- und Wartungsgesell-schaften sowie der Forschung aus aller Welt, sich endlich wieder persönlich austauschen zu können. So auch bei den beiden Doktoranden Philipp Marx und Reiner Trautmannsberger vom Computational Mechanics and Materials Lab (CMM) mit Sitz im Technologie-Campus an der Donau.

  • This is a list item in an unordered list
  • An unordered list is a list in which the sequence of items is not important. Sometimes, an unordered list is a bulleted list. And this is a long list item in an unordered list that can wrap onto a new line.
  • Lists can be nested inside of each other
    • This is a nested list item
    • This is another nested list item in an unordered list
  • This is the last list item
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.
Reiner Trautmannsberger während der Präsentation des eingereichten Themas: „Do simplified models represent the loading scenario during the running ductile fracture scenario in gas transmitting onshore pipelines“ Foto: Philipp Marx
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.

Headline H2 Curabitur ullamcorper

Die Technology for Future and Ageing Pipelines Conference (TFAP) im belgischen Gent konnte vom 29. bis 31. März 2022 zum ersten Mal seit Beginn der Coronapandemie mit einem hybriden Teilnahmekonzept wieder überwiegend in Präsenz abgehalten werden. Dementsprechend groß war die Freude bei Vertreter*innen von Betreiber- und Wartungsgesell-schaften sowie der Forschung aus aller Welt, sich endlich wieder persönlich austauschen zu können. So auch bei den beiden Doktoranden Philipp Marx und Reiner Trautmannsberger vom Computational Mechanics and Materials Lab (CMM) mit Sitz im Technologie-Campus an der Donau.

Markup: templates/output/10-fullpage/fullpage-default-content-elements.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">
  <main class="o-container__content">
    <div class="frame-space-after-large o-outbreak-right">
            <!-- START INTRO SUBPAGE--><a class="c-intro-subpage" href="#">
              <div class="c-intro-subpage__content o-grid o-grid-1-1@desktop">
                <!-- START INTRO SUBPAGE TEXT WRAP-->
                <div class="c-intro-subpage__text-wrap">
                  <div class="c-intro-subpage__text-inner">
                    <p class="c-intro-subpage__topline">Topline (optional)</p>
                    <h1 class="c-intro-subpage__headline">Headline H1  Cum sociis natoque penatibus</h1>
                    <div class="c-intro-subpage__description">
                      <p>Anlesetext In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus.</p>
                    </div><span class="c-intro-subpage__divider"></span>
                    <p class="c-intro-subpage__additional-info">Angewandt und praxisnah. Bachelor und Master studieren.</p><span class="btn btn--icon-left">
                      <svg viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
                        <use xlink:href="Images/svg/sprite.symbol.svg#icon-idea"></use>
                      </svg><span class="btn__text">Button text</span></span>
                  </div>
                </div>
                <!-- END INTRO SUBPAGE TEXT WRAP-->
                <!-- START INTRO SUBPAGE IMAGE-->
                <div class="c-intro-subpage__image">
                        <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>
                <!-- END INTRO SUBPAGE IMAGE-->
              </div></a>
            <!-- END INTRO SUBPAGE-->
    </div>
    <div class="frame-space-after-large">
      <div class="u-indent-horizontal o-grid o-grid--nogutter o-grid-2-1@desktop-wide">
        <div>
          <h2 class="u-headline-light">Headline H2 Curabitur ullamcorper</h2>
          <p>
            Die Technology for Future and Ageing Pipelines Conference (TFAP) im belgischen Gent konnte vom 29. bis 31. März 2022 zum ersten Mal seit Beginn der Coronapandemie mit einem<a href="#" class="textlink" title="Gehe zur Seite 'hybride Teilnahmekonzept'">hybriden Teilnahmekonzept</a>
            wieder überwiegend in Präsenz abgehalten werden. Dementsprechend groß war die Freude bei Vertreter*innen von Betreiber- und Wartungsgesell-schaften sowie der Forschung aus aller Welt, sich endlich wieder persönlich austauschen zu können. So auch bei den beiden Doktoranden Philipp Marx und Reiner Trautmannsberger vom <strong>Computational Mechanics and Materials Lab (CMM)</strong> mit Sitz im Technologie-Campus an der Donau.
          </p>
        </div>
        <div></div>
      </div>
    </div>
    <div class="frame-space-after-large o-outbreak-left">
      <div class="u-linepattern-right">
        <picture>
          <source srcset="https://picsum.photos/id/1002/1490/745" media="(min-width:1200px)"/>
          <source srcset="https://picsum.photos/id/1002/1200/600" media="(min-width:960px)"/>
          <source srcset="https://picsum.photos/id/1002/960/540" media="(min-width:768px)"/>
          <source srcset="https://picsum.photos/id/1002/640/360" media="(min-width:320px)"/>
          <source srcset="https://picsum.photos/id/1002/320/180" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/1002/1200x600" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="1490" height="745"/>
        </picture>
      </div>
    </div>
    <div class="frame-space-after-large">
      <div class="u-indent-horizontal o-grid o-grid--nogutter o-grid-2-1@desktop-wide">
        <div>
          <h2 class="u-headline-light">Headline H2 Curabitur ullamcorper</h2>
          <p class="u-mb-medium">Die Technology for Future and Ageing Pipelines Conference (TFAP) im belgischen Gent konnte vom 29. bis 31. März 2022 zum ersten Mal seit Beginn der Coronapandemie mit einem hybriden Teilnahmekonzept wieder überwiegend in Präsenz abgehalten werden. Dementsprechend groß war die Freude bei Vertreter*innen von Betreiber- und Wartungsgesell-schaften sowie der Forschung aus aller Welt, sich endlich wieder persönlich austauschen zu können. So auch bei den beiden Doktoranden Philipp Marx und Reiner Trautmannsberger vom <strong>Computational Mechanics and Materials Lab (CMM)</strong> mit Sitz im Technologie-Campus an der Donau.</p>
          <h3>H3 Cum sociis natoque penatibus</h3>
          <p class="u-mb-medium">In 65 Double-Peer-Review-Beiträgen, darunter auch ein Beitrag der beiden Doktoranden, wurde das Wissen und die neuesten Erkenntnisse im Bereich Bewertung, Betrieb und Instandhaltung von Onshore- und Offshore-Pipelines vorgestellt und diskutiert. Bei der diesjährigen Veranstaltung stand aufgrund der aktuellen welt- und klimapolitischen Lage besonders die Förderung von Wasserstoff im Fokus, mit welcher besondere Anforderungen an die Pipelines einhergehen.</p>
          <h5>H5 Maecenas tempus</h5>
          <p class="u-mb-medium">Im Beitrag des CMM unter der Leitung von Prof. Dr Aida Nonn gingen die Autoren der Frage nach, inwieweit das Belastungsszenario einer berstenden Pipeline über vereinfachte Ansätze abgebildet werden kann. Als Basis diente dabei ein an der Ostbayerischen Technischen Hochschule Regensburg (OTH Regensburg) entwickeltes Fluid-Struktur-Interaktions Modell (FSI). Dieses ist in der Lage, die Wechselwirkung zwischen den physikalischen Komponenten Rohr, dekomprimierendem Fluid und einer Hinterfüllung numerisch zu simulieren. Um den dafür benötigten hohen Berechnungsaufwand für z. B. Parameterstudien zu reduzieren, zeigten sich vereinfachte Lastfunktionen als geeignet.</p>
          <ol>
            <li>This is a list item in an ordered list</li>
            <li>An ordered list is a list in which the sequence of items is important. An ordered list does not necessarily contain sequence characters.</li>
            <li>Lists can be nested inside of each
              <ol>
                <li>This is a nested list item</li>
                <li>This is another nested list item in an unordered list</li>
              </ol>
            </li>
            <li>This is the last list item</li>
          </ol>
        </div>
        <div></div>
      </div>
    </div>
    <div class="frame-space-after-large">
      <div class="o-grid o-grid-1-1-1@tablet">
        <picture>
          <source srcset="https://picsum.photos/id/1002/1490/745" media="(min-width:1200px)"/>
          <source srcset="https://picsum.photos/id/1002/1200/600" media="(min-width:960px)"/>
          <source srcset="https://picsum.photos/id/1002/960/540" media="(min-width:768px)"/>
          <source srcset="https://picsum.photos/id/1002/640/360" media="(min-width:320px)"/>
          <source srcset="https://picsum.photos/id/1002/320/180" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/1002/1200x600" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="1490" height="745"/>
        </picture>
        <picture>
          <source srcset="https://picsum.photos/id/1002/1490/745" media="(min-width:1200px)"/>
          <source srcset="https://picsum.photos/id/1002/1200/600" media="(min-width:960px)"/>
          <source srcset="https://picsum.photos/id/1002/960/540" media="(min-width:768px)"/>
          <source srcset="https://picsum.photos/id/1002/640/360" media="(min-width:320px)"/>
          <source srcset="https://picsum.photos/id/1002/320/180" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/1002/1200x600" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="1490" height="745"/>
        </picture>
        <picture>
          <source srcset="https://picsum.photos/id/1002/1490/745" media="(min-width:1200px)"/>
          <source srcset="https://picsum.photos/id/1002/1200/600" media="(min-width:960px)"/>
          <source srcset="https://picsum.photos/id/1002/960/540" media="(min-width:768px)"/>
          <source srcset="https://picsum.photos/id/1002/640/360" media="(min-width:320px)"/>
          <source srcset="https://picsum.photos/id/1002/320/180" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/1002/1200x600" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="1490" height="745"/>
        </picture>
      </div>
    </div>
    <div class="frame-space-after-large">
      <div class="o-grid o-grid--nogutter o-grid-2-1@desktop-wide">
        <!-- START ACCORDION-ITEM-->
        <ul class="c-accordion o-list-bare" data-role="accordionlist">
          <!-- START ACCORDION-ITEM-->
          <li class="c-accordion__item">
            <h3 class="c-accordion__title">
              <button class="c-accordion__trigger" id="accordion-1" aria-controls="section-accordion-1" aria-expanded="false" type="button"><span class="c-accordion__trigger-title">Direkteinstieg in den Beruf<span class="c-accordion__trigger-introtext">Als Absolventin oder Absolvent des Bachelor-Studiengangs Bauingenieurwesen können Sie in den folgenden Tätigkeitsfelder arbeiten</span></span>
                <svg class="c-accordion__icon c-accordion__icon--plus" viewBox="0 0 38 38">
                  <path fill="none" d="M19 1v18m0 0v18m0-18h18m-18 0H1" stroke="currentColor" stroke-width="2"></path>
                </svg>
                <svg class="c-accordion__icon c-accordion__icon--minus" viewBox="0 0 20 20">
                  <path fill="none" d="M19 19h18m-18 0H1" stroke="currentColor" stroke-width="2"></path>
                </svg>
              </button>
            </h3>
            <div class="c-accordion__content" id="section-accordion-1" aria-labelledby="accordion-1" aria-label="Content for Direkteinstieg in den Beruf" role="region">
              <div class="c-accordion__innercontent">
                <p>Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc, litot Europa usa li sam vocabular. Li lingues differe solmen in li grammatica, li pronunciation e li plu commun vocabules. Omnicos directe al desirabilite de un nov lingua franca: On refusa continuar payar custosi traductores. At solmen va esser necessi far uniform grammatica, pronunciation e plu sommun paroles.</p>
                <p>Ma quande lingues coalesce, li grammatica del resultant lingue es plu simplic e regulari quam ti del coalescent lingues. Li nov lingua franca va esser plu simplic e regulari quam li existent Europan lingues. It va esser tam simplic quam Occidental in fact, it va esser Occidental. A un Angleso it va semblar un simplificat Angles, quam un skeptic Cambridge amico dit me que Occidental es. Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc, litot Europa usa li sam vocabular. Li lingues differe solmen in li grammatica, li pronunciation e li plu commun vocabules. Omnicos directe al desirabilite de un nov lingua franca: On refusa continuar payar custosi traductores. At solmen va esser necessi far uniform grammatica, pronunciation e plu sommun paroles.</p>
                <ul>
                  <li>This is a list item in an unordered list</li>
                  <li>An unordered list is a list in which the sequence of items is not important. Sometimes, an unordered list is a bulleted list. And this is a long list item in an unordered list that can wrap onto a new line.</li>
                  <li>Lists can be nested inside of each other
                    <ul>
                      <li>This is a nested list item</li>
                      <li>This is another nested list item in an unordered list</li>
                    </ul>
                  </li>
                  <li>This is the last list item</li>
                </ul><a class="textlink" href="#" title="Gehe zu Seite XYZ">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo</a>
              </div>
            </div>
          </li>
          <!-- END ACCORDION-ITEM-->
          <!-- START ACCORDION-ITEM-->
          <li class="c-accordion__item">
            <h3 class="c-accordion__title">
              <button class="c-accordion__trigger" id="accordion-2" aria-controls="section-accordion-2" aria-expanded="false" type="button"><span class="c-accordion__trigger-title">Aufbauender Master-Studiengang<span class="c-accordion__trigger-introtext">Für eine weiterführende Ausbildung im Zuge eines Master-Studiengangs ist ein erfolgreich abgeschlossenes Bachelor-Studium eine Zulassungsvoraussetzung.</span></span>
                <svg class="c-accordion__icon c-accordion__icon--plus" viewBox="0 0 38 38">
                  <path fill="none" d="M19 1v18m0 0v18m0-18h18m-18 0H1" stroke="currentColor" stroke-width="2"></path>
                </svg>
                <svg class="c-accordion__icon c-accordion__icon--minus" viewBox="0 0 20 20">
                  <path fill="none" d="M19 19h18m-18 0H1" stroke="currentColor" stroke-width="2"></path>
                </svg>
              </button>
            </h3>
            <div class="c-accordion__content" id="section-accordion-2" aria-labelledby="accordion-2" aria-label="Content for Aufbauender Master-Studiengang" role="region">
              <div class="c-accordion__innercontent">
                <p>Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc, litot Europa usa li sam vocabular. Li lingues differe solmen in li grammatica, li pronunciation e li plu commun vocabules. Omnicos directe al desirabilite de un nov lingua franca: On refusa continuar payar custosi traductores. At solmen va esser necessi far uniform grammatica, pronunciation e plu sommun paroles.</p>
                <p>Ma quande lingues coalesce, li grammatica del resultant lingue es plu simplic e regulari quam ti del coalescent lingues. Li nov lingua franca va esser plu simplic e regulari quam li existent Europan lingues. It va esser tam simplic quam Occidental in fact, it va esser Occidental. A un Angleso it va semblar un simplificat Angles, quam un skeptic Cambridge amico dit me que Occidental es. Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc, litot Europa usa li sam vocabular. Li lingues differe solmen in li grammatica, li pronunciation e li plu commun vocabules. Omnicos directe al desirabilite de un nov lingua franca: On refusa continuar payar custosi traductores. At solmen va esser necessi far uniform grammatica, pronunciation e plu sommun paroles.</p>
                <ul>
                  <li>This is a list item in an unordered list</li>
                  <li>An unordered list is a list in which the sequence of items is not important. Sometimes, an unordered list is a bulleted list. And this is a long list item in an unordered list that can wrap onto a new line.</li>
                  <li>Lists can be nested inside of each other
                    <ul>
                      <li>This is a nested list item</li>
                      <li>This is another nested list item in an unordered list</li>
                    </ul>
                  </li>
                  <li>This is the last list item</li>
                </ul><a class="textlink" href="#" title="Gehe zu Seite XYZ">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo</a>
              </div>
            </div>
          </li>
          <!-- END ACCORDION-ITEM-->
        </ul>
        <!-- END ACCORDION-ITEM-->
        <div></div>
      </div>
    </div>
    <div class="frame-space-after-large">
      <div class="o-grid o-grid--nogutter o-grid-2-1@desktop">
        <div class="u-linepattern-right">
          <picture>
            <source srcset="https://picsum.photos/id/1002/1490/745" media="(min-width:1200px)"/>
            <source srcset="https://picsum.photos/id/1002/1200/600" media="(min-width:960px)"/>
            <source srcset="https://picsum.photos/id/1002/960/540" media="(min-width:768px)"/>
            <source srcset="https://picsum.photos/id/1002/640/360" media="(min-width:320px)"/>
            <source srcset="https://picsum.photos/id/1002/320/180" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/1002/1200x600" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="1490" height="745"/>
          </picture>
        </div>
        <div></div>
      </div>
    </div>
    <div class="frame-space-after-large o-outbreak-right">
      <div class="o-grid o-grid-2-1@desktop">
        <div class="u-indent-horizontal">
          <h2 class="u-headline-light">Headline H2 Curabitur ullamcorper</h2>
          <p>Die Technology for Future and Ageing Pipelines Conference (TFAP) im belgischen Gent konnte vom 29. bis 31. März 2022 zum ersten Mal seit Beginn der Coronapandemie mit einem hybriden Teilnahmekonzept wieder überwiegend in Präsenz abgehalten werden. Dementsprechend groß war die Freude bei Vertreter*innen von Betreiber- und Wartungsgesell-schaften sowie der Forschung aus aller Welt, sich endlich wieder persönlich austauschen zu können. So auch bei den beiden Doktoranden Philipp Marx und Reiner Trautmannsberger vom <strong>Computational Mechanics and Materials Lab (CMM)</strong> mit Sitz im Technologie-Campus an der Donau.</p>
          <ul>
            <li>This is a list item in an unordered list</li>
            <li>An unordered list is a list in which the sequence of items is not important. Sometimes, an unordered list is a bulleted list. And this is a long list item in an unordered list that can wrap onto a new line.</li>
            <li>Lists can be nested inside of each other
              <ul>
                <li>This is a nested list item</li>
                <li>This is another nested list item in an unordered list</li>
              </ul>
            </li>
            <li>This is the last list item</li>
          </ul>
        </div>
        <div>
          <figure><img src="https://picsum.photos/900/600" width="900" height="600" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa."/>
            <figcaption>Reiner Trautmannsberger während der Präsentation des eingereichten Themas: „Do simplified models represent the loading scenario during the running ductile fracture scenario in gas transmitting onshore pipelines“ Foto: Philipp Marx</figcaption>
          </figure>
        </div>
      </div>
    </div>
    <div class="frame-space-after-large">
      <div class="o-outbreak-right">
        <div class="o-grid o-grid--large-gap o-grid-2-1@desktop">
          <div>
            <div class="u-linepattern-right">
              <picture>
                <source srcset="https://picsum.photos/id/1002/1490/745" media="(min-width:1200px)"/>
                <source srcset="https://picsum.photos/id/1002/1200/600" media="(min-width:960px)"/>
                <source srcset="https://picsum.photos/id/1002/960/540" media="(min-width:768px)"/>
                <source srcset="https://picsum.photos/id/1002/640/360" media="(min-width:320px)"/>
                <source srcset="https://picsum.photos/id/1002/320/180" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/1002/1200x600" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="1490" height="745"/>
              </picture>
            </div>
          </div>
          <div>
            <h2 class="u-headline-light">Headline H2 Curabitur ullamcorper</h2>
            <p>Die Technology for Future and Ageing Pipelines Conference (TFAP) im belgischen Gent konnte vom 29. bis 31. März 2022 zum ersten Mal seit Beginn der Coronapandemie mit einem hybriden Teilnahmekonzept wieder überwiegend in Präsenz abgehalten werden. Dementsprechend groß war die Freude bei Vertreter*innen von Betreiber- und Wartungsgesell-schaften sowie der Forschung aus aller Welt, sich endlich wieder persönlich austauschen zu können. So auch bei den beiden Doktoranden Philipp Marx und Reiner Trautmannsberger vom Computational Mechanics and Materials Lab (CMM) mit Sitz im Technologie-Campus an der Donau.</p>
          </div>
        </div>
      </div>
    </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 57
Markup: templates/output/10-fullpage/fullpage-facilities.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">Hochschulbibliothek</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">
  <main class="o-container__content">
    <div class="o-outbreak-right" id="intro-startpage"><a class="c-intro-startpage o-grid o-grid-1-2@tablet" href="#" title="Details anzeigen">
        <!-- START INTRO STARTPAGE IMAGE-->
        <div class="c-intro-startpage__image o-outbreak-fullwidth--mobile-only">
          <picture>
            <source srcset="https://picsum.photos/id/1076/1490/745" media="(min-width:1200px)"/>
            <source srcset="https://picsum.photos/id/1076/1200/600" media="(min-width:960px)"/>
            <source srcset="https://picsum.photos/id/1076/960/540" media="(min-width:768px)"/>
            <source srcset="https://picsum.photos/id/1076/640/360" media="(min-width:320px)"/>
            <source srcset="https://picsum.photos/id/1076/320/180" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/1076/1200x600" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="1490" height="745"/>
          </picture>
        </div>
        <!-- END INTRO STARTPAGE IMAGE-->
        <!-- START INTRO STARTPAGE TEXT-->
        <div class="c-intro-startpage__text-wrap">
          <h1 class="c-intro-startpage__headline">Headline H1 Lorem ipsum dolor sit amet.</h1>
          <div class="c-intro-startpage__description">
            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.</p>
          </div><span class="btn btn--secondary" title="This is a default title text">Button Text</span>
        </div>
        <!-- END INTRO STARTPAGE TEXT--></a>
    </div>
    <div class="frame-space-before-large frame-space-after-large" id="news">
      <div class="o-grid o-grid-1-1@desktop o-grid-1-1-1@desktop-wide">
        <a class="c-teaserbox__link" href="#">
          <div class="c-teaserbox">
            <div class="c-teaserbox__content-wrap">
              <div class="c-teaserbox__text-wrap">
                <h3 class="c-teaserbox__title">Nullam dictum felis eu pede.</h3>
                <div class="c-teaserbox__text">
                  <p>In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.</p>
                </div>
              </div>
              <div class="c-teaserbox__button"><span class="btn btn--icon-left">
                  <svg viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
                    <use xlink:href="Images/svg/sprite.symbol.svg#icon-idea"></use>
                  </svg><span class="btn__text">Mehr erfahren</span></span></div>
            </div>
          </div>
        </a>
        <a class="c-teaserbox__link" href="#">
          <div class="c-teaserbox">
            <div class="c-teaserbox__content-wrap">
              <div class="c-teaserbox__text-wrap">
                <h3 class="c-teaserbox__title">Nullam dictum felis eu pede.</h3>
                <div class="c-teaserbox__text">
                  <p>In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.</p>
                </div>
              </div>
              <div class="c-teaserbox__button"><span class="btn btn--icon-left">
                  <svg viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
                    <use xlink:href="Images/svg/sprite.symbol.svg#icon-idea"></use>
                  </svg><span class="btn__text">Mehr erfahren</span></span></div>
            </div>
          </div>
        </a>
        <a class="c-teaserbox__link" href="#">
          <div class="c-teaserbox">
            <div class="c-teaserbox__content-wrap">
              <div class="c-teaserbox__text-wrap">
                <h3 class="c-teaserbox__title">Nullam dictum felis eu pede.</h3>
                <div class="c-teaserbox__text">
                  <p>In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.</p>
                </div>
              </div>
              <div class="c-teaserbox__button"><span class="btn btn--icon-left">
                  <svg viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
                    <use xlink:href="Images/svg/sprite.symbol.svg#icon-idea"></use>
                  </svg><span class="btn__text">Mehr erfahren</span></span></div>
            </div>
          </div>
        </a>
      </div>
    </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 65
<insert-markup>10.50-</insert-markup>

Unsere Partner

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Markup: templates/output/10-fullpage/fullpage-logo-wall-slider.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">
  <main class="o-container__content">
    <div class="frame-space-after-medium" id="logo-slider">
      <!-- START LOGO SLIDER-->
      <div class="c-logo-slider">
        <div class="o-grid o-grid-1-1@desktop u-mb-medium--desktop-up">
          <div>
            <h2 class="u-headline-light">Unsere Partner</h2>
            <p class="u-mb-none">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
          </div>
          <div class="o-flex-line o-flex-line--items-end o-flex-line--end">
            <div class="c-slider-controls o-flex-line">
              <button class="btn btn--arrow btn--arrow-left c-slider-controls__button c-slider-controls__button--prev" title="Previous slide">
                <svg viewBox="0 0 13.455 24.081" role="img" aria-hidden="true" focusable="false">
                  <use xlink:href="Images/svg/sprite.symbol.svg#icon-chevron-left"></use>
                </svg>
              </button>
              <button class="btn btn--arrow btn--arrow-right c-slider-controls__button c-slider-controls__button--next" title="Next slide">
                <svg 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>
              </button>
            </div><a class="btn btn--secondary u-ml-small u-hide--mobile-only" href="#">Alle Partner</a>
          </div>
        </div>
        <div class="c-logo-slider__slides-container">
          <div class="c-logo-slider__slides">
            <div class="c-logo-slider__slide"><a class="c-logo-slider__link" href="#" target="_blank">
                <picture>
                  <source srcset="https://picsum.photos/id/1003/208/208" media="(min-width:768px)"/>
                  <source srcset="https://picsum.photos/id/1003/160/160" media="(min-width:500px)"/>
                  <source srcset="https://picsum.photos/id/1003/120/120" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/1003/208/208" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="208" height="208"/>
                </picture></a></div>
            <div class="c-logo-slider__slide"><a class="c-logo-slider__link" href="#" target="_blank">
                <picture>
                  <source srcset="https://picsum.photos/id/1004/208/208" media="(min-width:768px)"/>
                  <source srcset="https://picsum.photos/id/1004/160/160" media="(min-width:500px)"/>
                  <source srcset="https://picsum.photos/id/1004/120/120" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/1004/208/208" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="208" height="208"/>
                </picture></a></div>
            <div class="c-logo-slider__slide"><a class="c-logo-slider__link" href="#" target="_blank">
                <picture>
                  <source srcset="https://picsum.photos/id/1005/208/208" media="(min-width:768px)"/>
                  <source srcset="https://picsum.photos/id/1005/160/160" media="(min-width:500px)"/>
                  <source srcset="https://picsum.photos/id/1005/120/120" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/1005/208/208" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="208" height="208"/>
                </picture></a></div>
            <div class="c-logo-slider__slide"><a class="c-logo-slider__link" href="#" target="_blank">
                <picture>
                  <source srcset="https://picsum.photos/id/1006/208/208" media="(min-width:768px)"/>
                  <source srcset="https://picsum.photos/id/1006/160/160" media="(min-width:500px)"/>
                  <source srcset="https://picsum.photos/id/1006/120/120" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/1006/208/208" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="208" height="208"/>
                </picture></a></div>
            <div class="c-logo-slider__slide"><a class="c-logo-slider__link" href="#" target="_blank">
                <picture>
                  <source srcset="https://picsum.photos/id/1011/208/208" media="(min-width:768px)"/>
                  <source srcset="https://picsum.photos/id/1011/160/160" media="(min-width:500px)"/>
                  <source srcset="https://picsum.photos/id/1011/120/120" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/1011/208/208" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="208" height="208"/>
                </picture></a></div>
            <div class="c-logo-slider__slide"><a class="c-logo-slider__link" href="#" target="_blank">
                <picture>
                  <source srcset="https://picsum.photos/id/1012/208/208" media="(min-width:768px)"/>
                  <source srcset="https://picsum.photos/id/1012/160/160" media="(min-width:500px)"/>
                  <source srcset="https://picsum.photos/id/1012/120/120" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/1012/208/208" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="208" height="208"/>
                </picture></a></div>
            <div class="c-logo-slider__slide"><a class="c-logo-slider__link" href="#" target="_blank">
                <picture>
                  <source srcset="https://picsum.photos/id/1015/208/208" media="(min-width:768px)"/>
                  <source srcset="https://picsum.photos/id/1015/160/160" media="(min-width:500px)"/>
                  <source srcset="https://picsum.photos/id/1015/120/120" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/1015/208/208" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="208" height="208"/>
                </picture></a></div>
            <div class="c-logo-slider__slide"><a class="c-logo-slider__link" href="#" target="_blank">
                <picture>
                  <source srcset="https://picsum.photos/id/1018/208/208" media="(min-width:768px)"/>
                  <source srcset="https://picsum.photos/id/1018/160/160" media="(min-width:500px)"/>
                  <source srcset="https://picsum.photos/id/1018/120/120" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/1018/208/208" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="208" height="208"/>
                </picture></a></div>
            <div class="c-logo-slider__slide"><a class="c-logo-slider__link" href="#" target="_blank">
                <picture>
                  <source srcset="https://picsum.photos/id/1020/208/208" media="(min-width:768px)"/>
                  <source srcset="https://picsum.photos/id/1020/160/160" media="(min-width:500px)"/>
                  <source srcset="https://picsum.photos/id/1020/120/120" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/1020/208/208" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="208" height="208"/>
                </picture></a></div>
            <div class="c-logo-slider__slide"><a class="c-logo-slider__link" href="#" target="_blank">
                <picture>
                  <source srcset="https://picsum.photos/id/1021/208/208" media="(min-width:768px)"/>
                  <source srcset="https://picsum.photos/id/1021/160/160" media="(min-width:500px)"/>
                  <source srcset="https://picsum.photos/id/1021/120/120" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/1021/208/208" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="208" height="208"/>
                </picture></a></div>
            <div class="c-logo-slider__slide"><a class="c-logo-slider__link" href="#" target="_blank">
                <picture>
                  <source srcset="https://picsum.photos/id/1003/208/208" media="(min-width:768px)"/>
                  <source srcset="https://picsum.photos/id/1003/160/160" media="(min-width:500px)"/>
                  <source srcset="https://picsum.photos/id/1003/120/120" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/1003/208/208" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="208" height="208"/>
                </picture></a></div>
            <div class="c-logo-slider__slide"><a class="c-logo-slider__link" href="#" target="_blank">
                <picture>
                  <source srcset="https://picsum.photos/id/1004/208/208" media="(min-width:768px)"/>
                  <source srcset="https://picsum.photos/id/1004/160/160" media="(min-width:500px)"/>
                  <source srcset="https://picsum.photos/id/1004/120/120" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/1004/208/208" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="208" height="208"/>
                </picture></a></div>
            <div class="c-logo-slider__slide"><a class="c-logo-slider__link" href="#" target="_blank">
                <picture>
                  <source srcset="https://picsum.photos/id/1005/208/208" media="(min-width:768px)"/>
                  <source srcset="https://picsum.photos/id/1005/160/160" media="(min-width:500px)"/>
                  <source srcset="https://picsum.photos/id/1005/120/120" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/1005/208/208" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="208" height="208"/>
                </picture></a></div>
            <div class="c-logo-slider__slide"><a class="c-logo-slider__link" href="#" target="_blank">
                <picture>
                  <source srcset="https://picsum.photos/id/1006/208/208" media="(min-width:768px)"/>
                  <source srcset="https://picsum.photos/id/1006/160/160" media="(min-width:500px)"/>
                  <source srcset="https://picsum.photos/id/1006/120/120" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/1006/208/208" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="208" height="208"/>
                </picture></a></div>
            <div class="c-logo-slider__slide"><a class="c-logo-slider__link" href="#" target="_blank">
                <picture>
                  <source srcset="https://picsum.photos/id/1011/208/208" media="(min-width:768px)"/>
                  <source srcset="https://picsum.photos/id/1011/160/160" media="(min-width:500px)"/>
                  <source srcset="https://picsum.photos/id/1011/120/120" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/1011/208/208" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="208" height="208"/>
                </picture></a></div>
            <div class="c-logo-slider__slide"><a class="c-logo-slider__link" href="#" target="_blank">
                <picture>
                  <source srcset="https://picsum.photos/id/1012/208/208" media="(min-width:768px)"/>
                  <source srcset="https://picsum.photos/id/1012/160/160" media="(min-width:500px)"/>
                  <source srcset="https://picsum.photos/id/1012/120/120" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/1012/208/208" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="208" height="208"/>
                </picture></a></div>
            <div class="c-logo-slider__slide"><a class="c-logo-slider__link" href="#" target="_blank">
                <picture>
                  <source srcset="https://picsum.photos/id/1015/208/208" media="(min-width:768px)"/>
                  <source srcset="https://picsum.photos/id/1015/160/160" media="(min-width:500px)"/>
                  <source srcset="https://picsum.photos/id/1015/120/120" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/1015/208/208" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="208" height="208"/>
                </picture></a></div>
            <div class="c-logo-slider__slide"><a class="c-logo-slider__link" href="#" target="_blank">
                <picture>
                  <source srcset="https://picsum.photos/id/1018/208/208" media="(min-width:768px)"/>
                  <source srcset="https://picsum.photos/id/1018/160/160" media="(min-width:500px)"/>
                  <source srcset="https://picsum.photos/id/1018/120/120" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/1018/208/208" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="208" height="208"/>
                </picture></a></div>
            <div class="c-logo-slider__slide"><a class="c-logo-slider__link" href="#" target="_blank">
                <picture>
                  <source srcset="https://picsum.photos/id/1020/208/208" media="(min-width:768px)"/>
                  <source srcset="https://picsum.photos/id/1020/160/160" media="(min-width:500px)"/>
                  <source srcset="https://picsum.photos/id/1020/120/120" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/1020/208/208" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="208" height="208"/>
                </picture></a></div>
            <div class="c-logo-slider__slide"><a class="c-logo-slider__link" href="#" target="_blank">
                <picture>
                  <source srcset="https://picsum.photos/id/1021/208/208" media="(min-width:768px)"/>
                  <source srcset="https://picsum.photos/id/1021/160/160" media="(min-width:500px)"/>
                  <source srcset="https://picsum.photos/id/1021/120/120" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/1021/208/208" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="208" height="208"/>
                </picture></a></div>
          </div>
        </div>
      </div>
      <div class="u-show--mobile-only u-align-left--mobile-only"><a class="btn btn--secondary" href="#">Alle Partner</a></div>
      <!-- END LOGO SLIDER-->
    </div>
    <div class="frame-space-after-medium" id="logo-wall">
      <div class="c-logo-wall o-grid o-grid-1-1-1 o-grid-1-1-1-1@tablet o-grid-1-1-1-1-1-1@desktop"><a href="#" target="_blank">
                      <picture>
                        <source srcset="https://picsum.photos/id/870/208/208" media="(min-width:768px)"/>
                        <source srcset="https://picsum.photos/id/870/160/160" media="(min-width:500px)"/>
                        <source srcset="https://picsum.photos/id/870/120/120" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/870/208/208" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="208" height="208"/>
                      </picture></a><a href="#" target="_blank">
                      <picture>
                        <source srcset="https://picsum.photos/id/871/208/208" media="(min-width:768px)"/>
                        <source srcset="https://picsum.photos/id/871/160/160" media="(min-width:500px)"/>
                        <source srcset="https://picsum.photos/id/871/120/120" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/871/208/208" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="208" height="208"/>
                      </picture></a><a href="#" target="_blank">
                      <picture>
                        <source srcset="https://picsum.photos/id/872/208/208" media="(min-width:768px)"/>
                        <source srcset="https://picsum.photos/id/872/160/160" media="(min-width:500px)"/>
                        <source srcset="https://picsum.photos/id/872/120/120" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/872/208/208" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="208" height="208"/>
                      </picture></a><a href="#" target="_blank">
                      <picture>
                        <source srcset="https://picsum.photos/id/873/208/208" media="(min-width:768px)"/>
                        <source srcset="https://picsum.photos/id/873/160/160" media="(min-width:500px)"/>
                        <source srcset="https://picsum.photos/id/873/120/120" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/873/208/208" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="208" height="208"/>
                      </picture></a><a href="#" target="_blank">
                      <picture>
                        <source srcset="https://picsum.photos/id/874/208/208" media="(min-width:768px)"/>
                        <source srcset="https://picsum.photos/id/874/160/160" media="(min-width:500px)"/>
                        <source srcset="https://picsum.photos/id/874/120/120" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/874/208/208" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="208" height="208"/>
                      </picture></a><a href="#" target="_blank">
                      <picture>
                        <source srcset="https://picsum.photos/id/875/208/208" media="(min-width:768px)"/>
                        <source srcset="https://picsum.photos/id/875/160/160" media="(min-width:500px)"/>
                        <source srcset="https://picsum.photos/id/875/120/120" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/875/208/208" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="208" height="208"/>
                      </picture></a><a href="#" target="_blank">
                      <picture>
                        <source srcset="https://picsum.photos/id/876/208/208" media="(min-width:768px)"/>
                        <source srcset="https://picsum.photos/id/876/160/160" media="(min-width:500px)"/>
                        <source srcset="https://picsum.photos/id/876/120/120" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/876/208/208" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="208" height="208"/>
                      </picture></a><a href="#" target="_blank">
                      <picture>
                        <source srcset="https://picsum.photos/id/877/208/208" media="(min-width:768px)"/>
                        <source srcset="https://picsum.photos/id/877/160/160" media="(min-width:500px)"/>
                        <source srcset="https://picsum.photos/id/877/120/120" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/877/208/208" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="208" height="208"/>
                      </picture></a><a href="#" target="_blank">
                      <picture>
                        <source srcset="https://picsum.photos/id/878/208/208" media="(min-width:768px)"/>
                        <source srcset="https://picsum.photos/id/878/160/160" media="(min-width:500px)"/>
                        <source srcset="https://picsum.photos/id/878/120/120" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/878/208/208" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="208" height="208"/>
                      </picture></a><a href="#" target="_blank">
                      <picture>
                        <source srcset="https://picsum.photos/id/879/208/208" media="(min-width:768px)"/>
                        <source srcset="https://picsum.photos/id/879/160/160" media="(min-width:500px)"/>
                        <source srcset="https://picsum.photos/id/879/120/120" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/879/208/208" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="208" height="208"/>
                      </picture></a><a href="#" target="_blank">
                      <picture>
                        <source srcset="https://picsum.photos/id/880/208/208" media="(min-width:768px)"/>
                        <source srcset="https://picsum.photos/id/880/160/160" media="(min-width:500px)"/>
                        <source srcset="https://picsum.photos/id/880/120/120" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/880/208/208" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="208" height="208"/>
                      </picture></a><a href="#" target="_blank">
                      <picture>
                        <source srcset="https://picsum.photos/id/881/208/208" media="(min-width:768px)"/>
                        <source srcset="https://picsum.photos/id/881/160/160" media="(min-width:500px)"/>
                        <source srcset="https://picsum.photos/id/881/120/120" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/881/208/208" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="208" height="208"/>
                      </picture></a><a href="#" target="_blank">
                      <picture>
                        <source srcset="https://picsum.photos/id/882/208/208" media="(min-width:768px)"/>
                        <source srcset="https://picsum.photos/id/882/160/160" media="(min-width:500px)"/>
                        <source srcset="https://picsum.photos/id/882/120/120" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/882/208/208" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="208" height="208"/>
                      </picture></a><a href="#" target="_blank">
                      <picture>
                        <source srcset="https://picsum.photos/id/883/208/208" media="(min-width:768px)"/>
                        <source srcset="https://picsum.photos/id/883/160/160" media="(min-width:500px)"/>
                        <source srcset="https://picsum.photos/id/883/120/120" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/883/208/208" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="208" height="208"/>
                      </picture></a><a href="#" target="_blank">
                      <picture>
                        <source srcset="https://picsum.photos/id/884/208/208" media="(min-width:768px)"/>
                        <source srcset="https://picsum.photos/id/884/160/160" media="(min-width:500px)"/>
                        <source srcset="https://picsum.photos/id/884/120/120" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/884/208/208" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="208" height="208"/>
                      </picture></a><a href="#" target="_blank">
                      <picture>
                        <source srcset="https://picsum.photos/id/885/208/208" media="(min-width:768px)"/>
                        <source srcset="https://picsum.photos/id/885/160/160" media="(min-width:500px)"/>
                        <source srcset="https://picsum.photos/id/885/120/120" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/885/208/208" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="208" height="208"/>
                      </picture></a>
      </div>
    </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 73

News Pages

List and Detail View

<insert-markup>10.60.1-</insert-markup>

News

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

20 News gefunden
Markup: templates/output/10-fullpage/news/fullpage-news-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">
  <main class="o-container__content">
    <div class="o-grid o-grid-2-1@tablet">
      <div class="u-mb-medium">
        <h1>News</h1>
        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
      </div>
    </div>
    <div id="news-list"></div>
    <div class="u-mb-large">
      <div class="u-mb-medium" data-vue-portal="#vue-portal-filters-header">
        <div class="o-grid o-grid--filters">
          <div class="u-floating-label u-floating-label--search">
            <label class="u-visually-hidden" for="input-regular-8603">Suchbegriff</label>
            <input class="forminput" id="input-regular-8603" type="search" placeholder="Suchbegriff eingeben"/>
          </div>
          <button class="btn btn--primary-naked u-hide--mobile-only">Jetzt filtern</button>
          <div class="input-wrapper u-datepicker">
            <label class="u-visually-hidden" for="input-regular-7911">Startdatum</label>
            <input class="u-mt-none u-mb-none" id="input-regular-7911" min="2010-01-01" type="date"/>
          </div>
          <div class="input-wrapper u-datepicker">
            <label class="u-visually-hidden" for="input-regular-6915">Enddatum</label>
            <input class="u-mt-none u-mb-none" id="input-regular-6915" min="2010-01-01" type="date"/>
          </div>
        </div>
        <button class="btn btn--primary-naked u-mt-small u-hide@tablet">Jetzt filtern</button>
      </div>
      <div class="o-flex-line o-flex-line--between u-mt-small u-mb-small" data-vue-portal="#vue-portal-filters-footer"><span>20 News gefunden</span>
        <button class="btn btn--reset o-flex-line o-flex-line--items-center u-mb-small--mobile-only">
          <svg class="u-w-4 u-h-4 u-mr-tiny" role="img" focusable="false" aria-hidden="true" viewbox="0 0 36 38">
            <use xlink:href="Images/svg/sprite.symbol.svg#icon-no-filter"></use>
          </svg> Alle Filter löschen
        </button>
      </div>
      <div data-vue-portal="#vue-portal-list">
        <ul class="o-list-bare o-grid u-mb-large o-grid-1-1@tablet">
          <li>
            <div class="c-skeleton-loader c-skeleton-loader--news-teaser">
              <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 class="c-skeleton-loader__description"></div>
              </div>
            </div>
          </li>
          <li>
            <div class="c-skeleton-loader c-skeleton-loader--news-teaser">
              <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 class="c-skeleton-loader__description"></div>
              </div>
            </div>
          </li>
          <li>
            <div class="c-skeleton-loader c-skeleton-loader--news-teaser">
              <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 class="c-skeleton-loader__description"></div>
              </div>
            </div>
          </li>
          <li>
            <div class="c-skeleton-loader c-skeleton-loader--news-teaser">
              <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 class="c-skeleton-loader__description"></div>
              </div>
            </div>
          </li>
          <li>
            <div class="c-skeleton-loader c-skeleton-loader--news-teaser">
              <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 class="c-skeleton-loader__description"></div>
              </div>
            </div>
          </li>
          <li>
            <div class="c-skeleton-loader c-skeleton-loader--news-teaser">
              <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 class="c-skeleton-loader__description"></div>
              </div>
            </div>
          </li>
          <li>
            <div class="c-skeleton-loader c-skeleton-loader--news-teaser">
              <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 class="c-skeleton-loader__description"></div>
              </div>
            </div>
          </li>
          <li>
            <div class="c-skeleton-loader c-skeleton-loader--news-teaser">
              <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 class="c-skeleton-loader__description"></div>
              </div>
            </div>
          </li>
          <li>
            <div class="c-skeleton-loader c-skeleton-loader--news-teaser">
              <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 class="c-skeleton-loader__description"></div>
              </div>
            </div>
          </li>
          <li>
            <div class="c-skeleton-loader c-skeleton-loader--news-teaser">
              <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 class="c-skeleton-loader__description"></div>
              </div>
            </div>
          </li>
          <li>
            <div class="c-skeleton-loader c-skeleton-loader--news-teaser">
              <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 class="c-skeleton-loader__description"></div>
              </div>
            </div>
          </li>
          <li>
            <div class="c-skeleton-loader c-skeleton-loader--news-teaser">
              <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 class="c-skeleton-loader__description"></div>
              </div>
            </div>
          </li>
          <li>
            <div class="c-skeleton-loader c-skeleton-loader--news-teaser">
              <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 class="c-skeleton-loader__description"></div>
              </div>
            </div>
          </li>
          <li>
            <div class="c-skeleton-loader c-skeleton-loader--news-teaser">
              <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 class="c-skeleton-loader__description"></div>
              </div>
            </div>
          </li>
          <li>
            <div class="c-skeleton-loader c-skeleton-loader--news-teaser">
              <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 class="c-skeleton-loader__description"></div>
              </div>
            </div>
          </li>
          <li>
            <div class="c-skeleton-loader c-skeleton-loader--news-teaser">
              <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 class="c-skeleton-loader__description"></div>
              </div>
            </div>
          </li>
          <li>
            <div class="c-skeleton-loader c-skeleton-loader--news-teaser">
              <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 class="c-skeleton-loader__description"></div>
              </div>
            </div>
          </li>
          <li>
            <div class="c-skeleton-loader c-skeleton-loader--news-teaser">
              <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 class="c-skeleton-loader__description"></div>
              </div>
            </div>
          </li>
          <li>
            <div class="c-skeleton-loader c-skeleton-loader--news-teaser">
              <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 class="c-skeleton-loader__description"></div>
              </div>
            </div>
          </li>
          <li>
            <div class="c-skeleton-loader c-skeleton-loader--news-teaser">
              <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 class="c-skeleton-loader__description"></div>
              </div>
            </div>
          </li>
          <li>
            <div class="c-skeleton-loader c-skeleton-loader--news-teaser">
              <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 class="c-skeleton-loader__description"></div>
              </div>
            </div>
          </li>
          <li>
            <div class="c-skeleton-loader c-skeleton-loader--news-teaser">
              <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 class="c-skeleton-loader__description"></div>
              </div>
            </div>
          </li>
          <li>
            <div class="c-skeleton-loader c-skeleton-loader--news-teaser">
              <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 class="c-skeleton-loader__description"></div>
              </div>
            </div>
          </li>
          <li>
            <div class="c-skeleton-loader c-skeleton-loader--news-teaser">
              <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 class="c-skeleton-loader__description"></div>
              </div>
            </div>
          </li>
        </ul>
        <div class="o-flex-line o-flex-line--end">
          <button class="btn btn--secondary">Mehr laden</button>
        </div>
      </div>
    </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 89
<insert-markup>10.60.2-</insert-markup>

Topline (optional)

Doktoranden der OTH Regensburg mit Beitrag auf Fachkonferenz

20.04.2022 Philipp Marx und Reiner Trautmannsberger vom Computational Mechanics and Materials Lab der OTH Regensburg präsentierten ihre Forschungsergebnisse auf der Technology for Future and Ageing Pipelines Conference in Gent.

Die Technology for Future and Ageing Pipelines Conference (TFAP) im belgischen Gent konnte vom 29. bis 31. März 2022 zum ersten Mal seit Beginn der Coronapandemie mit einem hybriden Teilnahmekonzept wieder überwiegend in Präsenz abgehalten werden. Dementsprechend groß war die Freude bei Vertreter*innen von Betreiber- und Wartungsgesell-schaften sowie der Forschung aus aller Welt, sich endlich wieder persönlich austauschen zu können. So auch bei den beiden Doktoranden Philipp Marx und Reiner Trautmannsberger vom Computational Mechanics and Materials Lab (CMM) mit Sitz im Technologie-Campus an der Donau.

Subheadline Cum sociis natoque penatibus

In 65 Double-Peer-Review-Beiträgen, darunter auch ein Beitrag der beiden Doktoranden, wurde das Wissen und die neuesten Erkenntnisse im Bereich Bewertung, Betrieb und Instandhaltung von Onshore- und Offshore-Pipelines vorgestellt und diskutiert. Bei der diesjährigen Veranstaltung stand aufgrund der aktuellen welt- und klimapolitischen Lage besonders die Förderung von Wasserstoff im Fokus, mit welcher besondere Anforderungen an die Pipelines einhergehen.

Subheadline Maecenas tempus

Im Beitrag des CMM unter der Leitung von Prof. Dr Aida Nonn gingen die Autoren der Frage nach, inwieweit das Belastungsszenario einer berstenden Pipeline über vereinfachte Ansätze abgebildet werden kann. Als Basis diente dabei ein an der Ostbayerischen Technischen Hochschule Regensburg (OTH Regensburg) entwickeltes Fluid-Struktur-Interaktions Modell (FSI). Dieses ist in der Lage, die Wechselwirkung zwischen den physikalischen Komponenten Rohr, dekomprimierendem Fluid und einer Hinterfüllung numerisch zu simulieren. Um den dafür benötigten hohen Berechnungsaufwand für z. B. Parameterstudien zu reduzieren, zeigten sich vereinfachte Lastfunktionen als geeignet.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.
Reiner Trautmannsberger während der Präsentation des eingereichten Themas: „Do simplified models represent the loading scenario during the running ductile fracture scenario in gas transmitting onshore pipelines“ Foto: Philipp Marx
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.

Accusamus, accusantium, aperiam asperiores consequuntur doloremque earum eveniet facilis fugiat ipsa ipsam, modi velit!

Max Mustermann
Einkauf

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.

Dies ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie aussehen.

Maxine Mustermann
Entwicklung

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.

Cumque ducimus fugiat in, optio sunt velit voluptates.

Maxine Mustermann-Musterfrau
Geschäftsführung


Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.
Reiner Trautmannsberger während der Präsentation des eingereichten Themas: „Do simplified models represent the loading scenario during the running ductile fracture scenario in gas transmitting onshore pipelines“ Foto: Philipp Marx

Die Technology for Future and Ageing Pipelines Conference (TFAP) im belgischen Gent konnte vom 29. bis 31. März 2022 zum ersten Mal seit Beginn der Coronapandemie mit einem hybriden Teilnahmekonzept wieder überwiegend in Präsenz abgehalten werden. Dementsprechend groß war die Freude bei Vertreter*innen von Betreiber- und Wartungsgesell-schaften sowie der Forschung aus aller Welt, sich endlich wieder persönlich austauschen zu können. So auch bei den beiden Doktoranden Philipp Marx und Reiner Trautmannsberger vom Computational Mechanics and Materials Lab (CMM) mit Sitz im Technologie-Campus an der Donau.

Subheadline Cum sociis natoque penatibus

In 65 Double-Peer-Review-Beiträgen, darunter auch ein Beitrag der beiden Doktoranden, wurde das Wissen und die neuesten Erkenntnisse im Bereich Bewertung, Betrieb und Instandhaltung von Onshore- und Offshore-Pipelines vorgestellt und diskutiert. Bei der diesjährigen Veranstaltung stand aufgrund der aktuellen welt- und klimapolitischen Lage besonders die Förderung von Wasserstoff im Fokus, mit welcher besondere Anforderungen an die Pipelines einhergehen.

Subheadline Maecenas tempus

Im Beitrag des CMM unter der Leitung von Prof. Dr Aida Nonn gingen die Autoren der Frage nach, inwieweit das Belastungsszenario einer berstenden Pipeline über vereinfachte Ansätze abgebildet werden kann. Als Basis diente dabei ein an der Ostbayerischen Technischen Hochschule Regensburg (OTH Regensburg) entwickeltes Fluid-Struktur-Interaktions Modell (FSI). Dieses ist in der Lage, die Wechselwirkung zwischen den physikalischen Komponenten Rohr, dekomprimierendem Fluid und einer Hinterfüllung numerisch zu simulieren. Um den dafür benötigten hohen Berechnungsaufwand für z. B. Parameterstudien zu reduzieren, zeigten sich vereinfachte Lastfunktionen als geeignet.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.

»Zitat Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.«

Martina Mustermann
Autor-Abteilung


Markup: templates/output/10-fullpage/news/fullpage-news-detail.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">
  <main class="o-container__content">
    <div class="frame-space-after-large" id="news-intro">
      <!-- START INTRO SUBPAGE NEWSDETAIL-->
      <div class="c-intro-subpage c-intro-subpage--newsdetail">
        <div class="c-intro-subpage__content o-grid o-grid-2-1@desktop">
          <!-- START INTRO SUBPAGE NEWSDETAIL TEXT WRAP-->
          <div class="c-intro-subpage__text-wrap">
            <div class="c-intro-subpage__text-inner">
              <p class="c-intro-subpage__topline">Topline (optional)</p>
              <h1 class="c-intro-subpage__headline">Doktoranden der OTH Regensburg mit Beitrag auf Fachkonferenz</h1>
              <div class="c-intro-subpage__description">
                <p><span class="c-intro-subpage__news-date">20.04.2022</span> Philipp Marx und Reiner Trautmannsberger vom Computational Mechanics and Materials Lab der OTH Regensburg präsentierten ihre Forschungsergebnisse auf der Technology for Future and Ageing Pipelines Conference in Gent.</p>
              </div><span class="c-intro-subpage__divider"></span>
              <div class="c-intro-subpage__detailpage-footer"><span class="btn btn--icon-left"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36"><g fill="none"><path d="M0 0h36v36H0z"/><path stroke="currentColor" stroke-width="2" stroke-miterlimit="10" d="M24.456275 8.774228C22.666858 9.74681 18.512488 9.81185 13.21015 8.2638S2.582763 2.993688 3.091913 1.25603c.250044-.856747 5.483164-.109003 8.537959.738179"/><path stroke="currentColor" stroke-width="2" d="M22.517777 9.363282a2.517 2.517 0 0 0 4.74659-1.639334 2.574 2.574 0 0 0-3.081319-1.779 2.1 2.1 0 0 0-1.248194.895936"/><path stroke="currentColor" stroke-width="2" d="M12.675878 8.356859 3.844884 23.638852l17.253177 9.969158 12.110346-20.961664-2.337562-8.182868L24.216923.618736l-8.25995 2.061092-1.214252 2.108517"/><path stroke-miterlimit="10" stroke="currentColor" stroke-width="2" d="m10.473715 21.529819 9.088224 5.251319M14.592216 14.39119l9.088483 5.252284m-11.251534-1.502481 6.769024 3.91125"/></g></svg>
<span class="btn__text">Lehre und Didaktik, OTH Regensburg (optional)</span></span><span class="btn btn--icon-left"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36.457 36" role="img" focusable="false">
  <path fill="none" d="M0 0h36v36H0z" transform="translate(.043)"/>
  <path fill="none" d="M-15047.611 3202.439V3209h-25.432v-34h25.432v3.206" transform="translate(15074.043 -3174)" stroke="currentColor" stroke-width="2"/>
  <path fill="none" d="M-12022.556-5584.7v-4.3l-7.444 3.721 7.444 3.723h18.61V-5589h-16.4" transform="rotate(-45.97 611.048 -16970.827)" stroke="currentColor" stroke-width="2"/>
  <path fill="none" d="M-11974-5589c3.728 0 3.722.032 3.722 3.721s0 3.723-3.722 3.723" transform="rotate(-45.97 626.02 -16935.53)" stroke="currentColor" stroke-width="2"/>
  <path fill="none" transform="translate(6.543 7.5)" stroke="currentColor" stroke-width="2" d="M0 0h13"/>
  <path fill="none" transform="translate(6.543 12.5)" stroke="currentColor" stroke-width="2" d="M0 0h9"/>
  <path fill="none" transform="translate(6.543 17.5)" stroke="currentColor" stroke-width="2" d="M0 0h5"/>
</svg>
<span class="btn__text">Von: Reiner Trautmannsberger, Philipp Marx (optional)</span></span>
              </div>
            </div>
          </div>
          <!-- END INTRO SUBPAGE NEWSDETAIL TEXT WRAP-->
          <!-- START INTRO SUBPAGE ALL NEWS BUTTON DESKTOP-->
          <div class="c-intro-subpage__newsdetail-buttonall u-hide--mobile-only"><a class="btn btn--secondary" href="#"><span class="btn__text">Alle News</span></a></div>
          <!-- END INTRO SUBPAGE ALL NEWS BUTTON DESKTOP-->
        </div>
        <!-- START INTRO SUBPAGE ALL NEWS BUTTON MOBILE-->
        <div class="c-intro-subpage__newsdetail-buttonall u-show--mobile-only"><a class="btn btn--secondary" href="#"><span class="btn__text">Alle News</span></a></div>
        <!-- END INTRO SUBPAGE ALL NEWS BUTTON MOBILE-->
      </div>
      <!-- END INTRO SUBPAGE NEWSDETAIL-->
    </div>
    <div class="frame-space-after-large o-outbreak-right" id="news-bodytext-image">
      <div class="o-grid o-grid-2-1@desktop">
        <div class="u-indent-horizontal">
          <p class="u-mb-medium">Die Technology for Future and Ageing Pipelines Conference (TFAP) im belgischen Gent konnte vom 29. bis 31. März 2022 zum ersten Mal seit Beginn der Coronapandemie mit einem hybriden Teilnahmekonzept wieder überwiegend in Präsenz abgehalten werden. Dementsprechend groß war die Freude bei Vertreter*innen von Betreiber- und Wartungsgesell-schaften sowie der Forschung aus aller Welt, sich endlich wieder persönlich austauschen zu können. So auch bei den beiden Doktoranden Philipp Marx und Reiner Trautmannsberger vom <a class='textlink' href='#'>Computational Mechanics and Materials Lab (CMM)</a> mit Sitz im Technologie-Campus an der Donau.</p>
          <h5>Subheadline Cum sociis natoque penatibus</h5>
          <p class="u-mb-medium">In 65 Double-Peer-Review-Beiträgen, darunter auch ein Beitrag der beiden Doktoranden, wurde das Wissen und die neuesten Erkenntnisse im Bereich Bewertung, Betrieb und Instandhaltung von Onshore- und Offshore-Pipelines vorgestellt und diskutiert. Bei der diesjährigen Veranstaltung stand aufgrund der aktuellen welt- und klimapolitischen Lage besonders die Förderung von Wasserstoff im Fokus, mit welcher besondere Anforderungen an die Pipelines einhergehen.</p>
          <h5>Subheadline Maecenas tempus</h5>
          <p class="u-mb-medium">Im Beitrag des CMM unter der Leitung von Prof. Dr Aida Nonn gingen die Autoren der Frage nach, inwieweit das Belastungsszenario einer berstenden Pipeline über vereinfachte Ansätze abgebildet werden kann. Als Basis diente dabei ein an der Ostbayerischen Technischen Hochschule Regensburg (OTH Regensburg) entwickeltes Fluid-Struktur-Interaktions Modell (FSI). Dieses ist in der Lage, die Wechselwirkung zwischen den physikalischen Komponenten Rohr, dekomprimierendem Fluid und einer Hinterfüllung numerisch zu simulieren. Um den dafür benötigten hohen Berechnungsaufwand für z. B. Parameterstudien zu reduzieren, zeigten sich vereinfachte Lastfunktionen als geeignet.</p>
        </div>
        <div>
          <figure>
            <picture>
              <source srcset="https://picsum.photos/id/1002/1490/745" media="(min-width:1200px)"/>
              <source srcset="https://picsum.photos/id/1002/1200/600" media="(min-width:960px)"/>
              <source srcset="https://picsum.photos/id/1002/960/540" media="(min-width:768px)"/>
              <source srcset="https://picsum.photos/id/1002/640/360" media="(min-width:320px)"/>
              <source srcset="https://picsum.photos/id/1002/320/180" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/1002/1200x600" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="1490" height="745"/>
            </picture>
            <figcaption>
              <div class="o-grid o-grid-2-1@desktop">
                <div>Reiner Trautmannsberger während der Präsentation des eingereichten Themas: „Do simplified models represent the loading scenario during the running ductile fracture scenario in gas transmitting onshore pipelines“ Foto: Philipp Marx</div>
                <div></div>
              </div>
            </figcaption>
          </figure>
        </div>
      </div>
    </div>
    <div class="frame-space-after-large frame-type-in2quote" id="news-quote-slider">
      <div class="u-mb-large o-grid o-grid-2-1@desktop">
        <div class="c-quote-slider">
          <div class="c-quote-slider__slides-container">
                    <div class="c-slider-controls o-flex-line">
                      <button class="btn btn--arrow btn--arrow-left c-slider-controls__button c-slider-controls__button--prev" title="Previous slide">
                        <svg viewBox="0 0 13.455 24.081" role="img" aria-hidden="true" focusable="false">
                          <use xlink:href="Images/svg/sprite.symbol.svg#icon-chevron-left"></use>
                        </svg>
                      </button>
                      <button class="btn btn--arrow btn--arrow-right c-slider-controls__button c-slider-controls__button--next" title="Next slide">
                        <svg 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>
                      </button>
                    </div>
            <div class="c-quote-slider__slides">
                      <div class="c-quote-slider__slide">
                                <div class="c-quote o-grid o-grid-1-1@desktop">
                                  <!-- START QUOTE IMAGE-->
                                  <div class="c-quote__image-wrap">
                                            <link rel="preload" as="image" href="https://picsum.photos/1200/600"/>
                                            <picture class="picture__mobile">
                                              <source srcset="https://unsplash.com/photos/OQMZwNd3ThU/download?ixid=MnwxMjA3fDB8MXxhbGx8fHx8fHx8fHwxNjU1MjE5MjU0&amp;force=true&amp;w=1920/640/640" media="(min-width:320px)"/>
                                              <source srcset="https://unsplash.com/photos/OQMZwNd3ThU/download?ixid=MnwxMjA3fDB8MXxhbGx8fHx8fHx8fHwxNjU1MjE5MjU0&amp;force=true&amp;w=1920/320/320" media="(min-width:0)"/><img class="image__default" src="https://unsplash.com/photos/OQMZwNd3ThU/download?ixid=MnwxMjA3fDB8MXxhbGx8fHx8fHx8fHwxNjU1MjE5MjU0&amp;force=true&amp;w=1920/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://unsplash.com/photos/OQMZwNd3ThU/download?ixid=MnwxMjA3fDB8MXxhbGx8fHx8fHx8fHwxNjU1MjE5MjU0&amp;force=true&amp;w=1920/1200/600" media="(min-width:960px)"/>
                                              <source srcset="https://unsplash.com/photos/OQMZwNd3ThU/download?ixid=MnwxMjA3fDB8MXxhbGx8fHx8fHx8fHwxNjU1MjE5MjU0&amp;force=true&amp;w=1920/960/480" media="(min-width:768px)"/><img class="image__default" src="https://unsplash.com/photos/OQMZwNd3ThU/download?ixid=MnwxMjA3fDB8MXxhbGx8fHx8fHx8fHwxNjU1MjE5MjU0&amp;force=true&amp;w=1920/1200/600" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="1200" height="600"/>
                                            </picture>
                                  </div>
                                  <!-- END QUOTE IMAGE-->
                                  <!-- START QUOTE TEXT BLOCK-->
                                  <div class="c-quote__text-container o-container o-flex-line">
                                    <div class="c-quote__shadow">
                                      <div class="c-quote__text-wrap">
                                        <p class="c-quote__text">Accusamus, accusantium, aperiam asperiores consequuntur doloremque earum eveniet facilis fugiat ipsa ipsam, modi velit!</p>
                                        <p class="c-quote__author">Max Mustermann<br/>Einkauf</p>
                                      </div>
                                    </div>
                                  </div>
                                  <!-- END QUOTE TEXT BLOCK-->
                                </div>
                      </div>
                      <div class="c-quote-slider__slide">
                                <div class="c-quote o-grid o-grid-1-1@desktop">
                                  <!-- START QUOTE IMAGE-->
                                  <div class="c-quote__image-wrap">
                                            <picture class="picture__mobile">
                                              <source srcset="https://unsplash.com/photos/14CswSK3rL8/download?force=true&amp;w=1920/640/640" media="(min-width:320px)"/>
                                              <source srcset="https://unsplash.com/photos/14CswSK3rL8/download?force=true&amp;w=1920/320/320" media="(min-width:0)"/><img class="image__default" src="https://unsplash.com/photos/14CswSK3rL8/download?force=true&amp;w=1920/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://unsplash.com/photos/14CswSK3rL8/download?force=true&amp;w=1920/1200/600" media="(min-width:960px)"/>
                                              <source srcset="https://unsplash.com/photos/14CswSK3rL8/download?force=true&amp;w=1920/960/480" media="(min-width:768px)"/><img class="image__default" src="https://unsplash.com/photos/14CswSK3rL8/download?force=true&amp;w=1920/1200/600" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="1200" height="600"/>
                                            </picture>
                                  </div>
                                  <!-- END QUOTE IMAGE-->
                                  <!-- START QUOTE TEXT BLOCK-->
                                  <div class="c-quote__text-container o-container o-flex-line">
                                    <div class="c-quote__shadow">
                                      <div class="c-quote__text-wrap">
                                        <p class="c-quote__text">Dies ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie aussehen.</p>
                                        <p class="c-quote__author">Maxine Mustermann<br/>Entwicklung</p>
                                      </div>
                                    </div>
                                  </div>
                                  <!-- END QUOTE TEXT BLOCK-->
                                </div>
                      </div>
                      <div class="c-quote-slider__slide">
                                <div class="c-quote o-grid o-grid-1-1@desktop">
                                  <!-- START QUOTE IMAGE-->
                                  <div class="c-quote__image-wrap">
                                            <picture class="picture__mobile">
                                              <source srcset="https://unsplash.com/photos/84nJeywULhQ/download?ixid=MnwxMjA3fDB8MXxhbGx8fHx8fHx8fHwxNjU1MjIxNTIx&amp;force=true&amp;w=1920/640/640" media="(min-width:320px)"/>
                                              <source srcset="https://unsplash.com/photos/84nJeywULhQ/download?ixid=MnwxMjA3fDB8MXxhbGx8fHx8fHx8fHwxNjU1MjIxNTIx&amp;force=true&amp;w=1920/320/320" media="(min-width:0)"/><img class="image__default" src="https://unsplash.com/photos/84nJeywULhQ/download?ixid=MnwxMjA3fDB8MXxhbGx8fHx8fHx8fHwxNjU1MjIxNTIx&amp;force=true&amp;w=1920/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://unsplash.com/photos/84nJeywULhQ/download?ixid=MnwxMjA3fDB8MXxhbGx8fHx8fHx8fHwxNjU1MjIxNTIx&amp;force=true&amp;w=1920/1200/600" media="(min-width:960px)"/>
                                              <source srcset="https://unsplash.com/photos/84nJeywULhQ/download?ixid=MnwxMjA3fDB8MXxhbGx8fHx8fHx8fHwxNjU1MjIxNTIx&amp;force=true&amp;w=1920/960/480" media="(min-width:768px)"/><img class="image__default" src="https://unsplash.com/photos/84nJeywULhQ/download?ixid=MnwxMjA3fDB8MXxhbGx8fHx8fHx8fHwxNjU1MjIxNTIx&amp;force=true&amp;w=1920/1200/600" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="1200" height="600"/>
                                            </picture>
                                  </div>
                                  <!-- END QUOTE IMAGE-->
                                  <!-- START QUOTE TEXT BLOCK-->
                                  <div class="c-quote__text-container o-container o-flex-line">
                                    <div class="c-quote__shadow">
                                      <div class="c-quote__text-wrap">
                                        <p class="c-quote__text">Cumque ducimus fugiat in, optio sunt velit voluptates.</p>
                                        <p class="c-quote__author">Maxine Mustermann-Musterfrau<br/>Geschäftsführung</p>
                                      </div>
                                    </div>
                                  </div>
                                  <!-- END QUOTE TEXT BLOCK-->
                                </div>
                      </div>
            </div>
          </div>
        </div>
        <div></div>
      </div>
    </div>
    <div class="frame-space-after-medium">
      <hr/>
    </div>
    <div class="frame-space-after-large" id="news-image-container-width">
      <div class="o-grid">
        <figure>
                  <picture>
                    <source srcset="https://picsum.photos/id/1057/1490/745" media="(min-width:1200px)"/>
                    <source srcset="https://picsum.photos/id/1057/1200/600" media="(min-width:960px)"/>
                    <source srcset="https://picsum.photos/id/1057/960/540" media="(min-width:768px)"/>
                    <source srcset="https://picsum.photos/id/1057/640/360" media="(min-width:320px)"/>
                    <source srcset="https://picsum.photos/id/1057/320/180" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/1057/1200x600" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="1490" height="745"/>
                  </picture>
          <figcaption class="u-indent-horizontal">
            <div class="o-grid o-grid-2-1@desktop">
              <div>Reiner Trautmannsberger während der Präsentation des eingereichten Themas: „Do simplified models represent the loading scenario during the running ductile fracture scenario in gas transmitting onshore pipelines“ Foto: Philipp Marx</div>
              <div></div>
            </div>
          </figcaption>
        </figure>
      </div>
    </div>
    <div class="frame-space-after-large" id="news-bodytext">
      <div class="o-grid o-grid-2-1@desktop">
        <div class="u-indent-horizontal">
          <p class="u-mb-medium">Die Technology for Future and Ageing Pipelines Conference (TFAP) im belgischen Gent konnte vom 29. bis 31. März 2022 zum ersten Mal seit Beginn der Coronapandemie mit einem hybriden Teilnahmekonzept wieder überwiegend in Präsenz abgehalten werden. Dementsprechend groß war die Freude bei Vertreter*innen von Betreiber- und Wartungsgesell-schaften sowie der Forschung aus aller Welt, sich endlich wieder persönlich austauschen zu können. So auch bei den beiden Doktoranden Philipp Marx und Reiner Trautmannsberger vom <a class='textlink' href='#'>Computational Mechanics and Materials Lab (CMM)</a> mit Sitz im Technologie-Campus an der Donau.</p>
          <h5>Subheadline Cum sociis natoque penatibus</h5>
          <p class="u-mb-medium">In 65 Double-Peer-Review-Beiträgen, darunter auch ein Beitrag der beiden Doktoranden, wurde das Wissen und die neuesten Erkenntnisse im Bereich Bewertung, Betrieb und Instandhaltung von Onshore- und Offshore-Pipelines vorgestellt und diskutiert. Bei der diesjährigen Veranstaltung stand aufgrund der aktuellen welt- und klimapolitischen Lage besonders die Förderung von Wasserstoff im Fokus, mit welcher besondere Anforderungen an die Pipelines einhergehen.</p>
          <h5>Subheadline Maecenas tempus</h5>
          <p class="u-mb-medium">Im Beitrag des CMM unter der Leitung von Prof. Dr Aida Nonn gingen die Autoren der Frage nach, inwieweit das Belastungsszenario einer berstenden Pipeline über vereinfachte Ansätze abgebildet werden kann. Als Basis diente dabei ein an der Ostbayerischen Technischen Hochschule Regensburg (OTH Regensburg) entwickeltes Fluid-Struktur-Interaktions Modell (FSI). Dieses ist in der Lage, die Wechselwirkung zwischen den physikalischen Komponenten Rohr, dekomprimierendem Fluid und einer Hinterfüllung numerisch zu simulieren. Um den dafür benötigten hohen Berechnungsaufwand für z. B. Parameterstudien zu reduzieren, zeigten sich vereinfachte Lastfunktionen als geeignet.</p>
        </div>
        <div></div>
      </div>
    </div>
    <div class="frame-space-after-large frame-type-in2quote" id="news-quote">
      <div class="o-outbreak-left">
                <div class="c-quote o-grid o-grid-1-1@desktop">
                  <!-- START QUOTE IMAGE-->
                  <div class="c-quote__image-wrap">
                            <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>
                  <!-- END QUOTE IMAGE-->
                  <!-- START QUOTE TEXT BLOCK-->
                  <div class="c-quote__text-container o-container o-flex-line">
                    <div class="c-quote__shadow">
                      <div class="c-quote__text-wrap">
                        <p class="c-quote__text">»Zitat Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.«</p>
                        <p class="c-quote__author">Martina Mustermann<br/>Autor-Abteilung</p>
                      </div>
                    </div>
                  </div>
                  <!-- END QUOTE TEXT BLOCK-->
                </div>
      </div>
    </div>
    <div class="frame-space-after-medium">
      <hr/>
    </div>
    <div class="frame-space-after-large" id="news-related">
      <div class="c-teaserbox-slider c-teaserbox-slider--news">
        <div class="o-grid o-grid-2-1@desktop">
          <div class="u-indent-horizontal">
            <div class="u-topline">
              <h2 class="c-teaserbox-slider__headline">Das könnte Sie auch interessieren</h2>
              <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
            </div>
          </div>
          <div class="o-flex-line o-flex-line--items-end o-flex-line--end">
                    <div class="c-slider-controls o-flex-line">
                      <button class="btn btn--arrow btn--arrow-left c-slider-controls__button c-slider-controls__button--prev" title="Previous slide">
                        <svg viewBox="0 0 13.455 24.081" role="img" aria-hidden="true" focusable="false">
                          <use xlink:href="Images/svg/sprite.symbol.svg#icon-chevron-left"></use>
                        </svg>
                      </button>
                      <button class="btn btn--arrow btn--arrow-right c-slider-controls__button c-slider-controls__button--next" title="Next slide">
                        <svg 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>
                      </button>
                    </div><a class="btn btn--secondary u-ml-small u-hide--mobile-only" href="#">Alle News</a>
          </div>
        </div>
        <div class="c-teaserbox-slider__slides-container">
          <div class="c-teaserbox-slider__slides">
            <div class="c-teaserbox-slider__slide"><a class="c-teaserbox__link" href="#">
                <div class="c-teaserbox c-teaserbox--news o-grid o-grid-1-1 o-grid--nogutter">
                  <div class="c-teaserbox__image-wrap">
                    <picture class="c-teaserbox__image">
                      <source srcset="https://picsum.photos/id/1010/640/320" media="(min-width:640px)"/>
                      <source srcset="https://picsum.photos/id/1010/320/160" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/1010/640/320" alt="Lorem ipsum dolor sit amet." width="640" height="320"/>
                    </picture>
                  </div>
                  <div class="c-teaserbox__content-wrap">
                    <div class="c-teaserbox__text-wrap">
                      <h3 class="c-teaserbox__title">News Headline Donec pede justo, fringilla vel, aliquet nec</h3>
                      <div class="c-teaserbox__text">
                        <p class="u-line-clamp-3"><strong class="u-text-gull-gray u-mr-tiny">12.03.2022</strong><span>Warum OTH? Regional und doch urban. Top Professoren &amp; Spaß am Studium mehr</span></p>
                      </div>
                      <p class="c-teaserbox__keywords">
                        <svg class="u-mr-tiny" viewBox="0 0 36 36" role="img" aria-hidden="true" focusable="false">
                          <use xlink:href="Images/svg/sprite.symbol.svg#icon-tag"></use>
                        </svg><span>Lehre und Didaktik, OTH Regensburg</span>
                      </p>
                    </div>
                    <div>
                      <div class="c-teaserbox__button btn btn--readmore"><span class="btn__text">weiterlesen</span>
                        <svg viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
                          <use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-right"></use>
                        </svg>
                      </div>
                    </div>
                  </div>
                </div></a>
            </div>
            <div class="c-teaserbox-slider__slide"><a class="c-teaserbox__link" href="#">
                <div class="c-teaserbox c-teaserbox--news o-grid o-grid-1-1 o-grid--nogutter">
                  <div class="c-teaserbox__image-wrap">
                    <picture class="c-teaserbox__image">
                      <source srcset="https://picsum.photos/id/1011/640/320" media="(min-width:640px)"/>
                      <source srcset="https://picsum.photos/id/1011/320/160" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/1011/640/320" alt="Lorem ipsum dolor sit amet." width="640" height="320"/>
                    </picture>
                  </div>
                  <div class="c-teaserbox__content-wrap">
                    <div class="c-teaserbox__text-wrap">
                      <h3 class="c-teaserbox__title">News Headline Donec pede justo, fringilla vel, aliquet nec</h3>
                      <div class="c-teaserbox__text">
                        <p class="u-line-clamp-3"><strong class="u-text-gull-gray u-mr-tiny">12.03.2022</strong><span>In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium.</span></p>
                      </div>
                      <p class="c-teaserbox__keywords">
                        <svg class="u-mr-tiny" viewBox="0 0 36 36" role="img" aria-hidden="true" focusable="false">
                          <use xlink:href="Images/svg/sprite.symbol.svg#icon-tag"></use>
                        </svg><span>Lehre und Didaktik, OTH Regensburg</span>
                      </p>
                    </div>
                    <div>
                      <div class="c-teaserbox__button btn btn--readmore"><span class="btn__text">weiterlesen</span>
                        <svg viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
                          <use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-right"></use>
                        </svg>
                      </div>
                    </div>
                  </div>
                </div></a>
            </div>
            <div class="c-teaserbox-slider__slide"><a class="c-teaserbox__link" href="#">
                <div class="c-teaserbox c-teaserbox--news o-grid o-grid-1-1 o-grid--nogutter">
                  <div class="c-teaserbox__image-wrap">
                    <picture class="c-teaserbox__image">
                      <source srcset="https://picsum.photos/id/1012/640/320" media="(min-width:640px)"/>
                      <source srcset="https://picsum.photos/id/1012/320/160" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/1012/640/320" alt="Lorem ipsum dolor sit amet." width="640" height="320"/>
                    </picture>
                  </div>
                  <div class="c-teaserbox__content-wrap">
                    <div class="c-teaserbox__text-wrap">
                      <h3 class="c-teaserbox__title">Es ist ein paradiesmatisches Land, in dem einem gebratene Satzteile in den Mund fliegen</h3>
                      <div class="c-teaserbox__text">
                        <p class="u-line-clamp-3"><strong class="u-text-gull-gray u-mr-tiny">12.03.2022</strong><span>Ein kleines Bächlein namens Duden fließt durch ihren Ort und versorgt sie mit den nötigen Regelialien.</span></p>
                      </div>
                      <p class="c-teaserbox__keywords">
                        <svg class="u-mr-tiny" viewBox="0 0 36 36" role="img" aria-hidden="true" focusable="false">
                          <use xlink:href="Images/svg/sprite.symbol.svg#icon-tag"></use>
                        </svg><span>Lehre und Didaktik, OTH Regensburg</span>
                      </p>
                    </div>
                    <div>
                      <div class="c-teaserbox__button btn btn--readmore"><span class="btn__text">weiterlesen</span>
                        <svg viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
                          <use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-right"></use>
                        </svg>
                      </div>
                    </div>
                  </div>
                </div></a>
            </div>
            <div class="c-teaserbox-slider__slide"><a class="c-teaserbox__link" href="#">
                <div class="c-teaserbox c-teaserbox--news o-grid o-grid-1-1 o-grid--nogutter">
                  <div class="c-teaserbox__image-wrap">
                    <picture class="c-teaserbox__image">
                      <source srcset="https://picsum.photos/id/1013/640/320" media="(min-width:640px)"/>
                      <source srcset="https://picsum.photos/id/1013/320/160" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/1013/640/320" alt="Lorem ipsum dolor sit amet." width="640" height="320"/>
                    </picture>
                  </div>
                  <div class="c-teaserbox__content-wrap">
                    <div class="c-teaserbox__text-wrap">
                      <h3 class="c-teaserbox__title">Auch gibt es niemanden, der den Schmerz an sich liebt</h3>
                      <div class="c-teaserbox__text">
                        <p class="u-line-clamp-3"><strong class="u-text-gull-gray u-mr-tiny">12.03.2022</strong><span>Aber wer hat irgend ein Recht, einen Menschen zu tadeln, der die Entscheidung trifft, eine Freude zu genießen, die keine unangenehmen Folgen hat</span></p>
                      </div>
                      <p class="c-teaserbox__keywords">
                        <svg class="u-mr-tiny" viewBox="0 0 36 36" role="img" aria-hidden="true" focusable="false">
                          <use xlink:href="Images/svg/sprite.symbol.svg#icon-tag"></use>
                        </svg><span>Lehre und Didaktik, OTH Regensburg</span>
                      </p>
                    </div>
                    <div>
                      <div class="c-teaserbox__button btn btn--readmore"><span class="btn__text">weiterlesen</span>
                        <svg viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
                          <use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-right"></use>
                        </svg>
                      </div>
                    </div>
                  </div>
                </div></a>
            </div>
            <div class="c-teaserbox-slider__slide"><a class="c-teaserbox__link" href="#">
                <div class="c-teaserbox c-teaserbox--news o-grid o-grid-1-1 o-grid--nogutter">
                  <div class="c-teaserbox__image-wrap">
                    <picture class="c-teaserbox__image">
                      <source srcset="https://picsum.photos/id/1014/640/320" media="(min-width:640px)"/>
                      <source srcset="https://picsum.photos/id/1014/320/160" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/1014/640/320" alt="Lorem ipsum dolor sit amet." width="640" height="320"/>
                    </picture>
                  </div>
                  <div class="c-teaserbox__content-wrap">
                    <div class="c-teaserbox__text-wrap">
                      <h3 class="c-teaserbox__title">Es ist ein paradiesmatisches Land, in dem einem gebratene Satzteile in den Mund fliegen</h3>
                      <div class="c-teaserbox__text">
                        <p class="u-line-clamp-3"><strong class="u-text-gull-gray u-mr-tiny">12.03.2022</strong><span>Ein kleines Bächlein namens Duden fließt durch ihren Ort und versorgt sie mit den nötigen Regelialien.</span></p>
                      </div>
                      <p class="c-teaserbox__keywords">
                        <svg class="u-mr-tiny" viewBox="0 0 36 36" role="img" aria-hidden="true" focusable="false">
                          <use xlink:href="Images/svg/sprite.symbol.svg#icon-tag"></use>
                        </svg><span>Lehre und Didaktik, OTH Regensburg</span>
                      </p>
                    </div>
                    <div>
                      <div class="c-teaserbox__button btn btn--readmore"><span class="btn__text">weiterlesen</span>
                        <svg viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
                          <use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-right"></use>
                        </svg>
                      </div>
                    </div>
                  </div>
                </div></a>
            </div>
            <div class="c-teaserbox-slider__slide"><a class="c-teaserbox__link" href="#">
                <div class="c-teaserbox c-teaserbox--news o-grid o-grid-1-1 o-grid--nogutter">
                  <div class="c-teaserbox__image-wrap">
                    <picture class="c-teaserbox__image">
                      <source srcset="https://picsum.photos/id/1015/640/320" media="(min-width:640px)"/>
                      <source srcset="https://picsum.photos/id/1015/320/160" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/1015/640/320" alt="Lorem ipsum dolor sit amet." width="640" height="320"/>
                    </picture>
                  </div>
                  <div class="c-teaserbox__content-wrap">
                    <div class="c-teaserbox__text-wrap">
                      <h3 class="c-teaserbox__title">Auch gibt es niemanden, der den Schmerz an sich liebt</h3>
                      <div class="c-teaserbox__text">
                        <p class="u-line-clamp-3"><strong class="u-text-gull-gray u-mr-tiny">12.03.2022</strong><span>Aber wer hat irgend ein Recht, einen Menschen zu tadeln, der die Entscheidung trifft, eine Freude zu genießen, die keine unangenehmen Folgen hat</span></p>
                      </div>
                      <p class="c-teaserbox__keywords">
                        <svg class="u-mr-tiny" viewBox="0 0 36 36" role="img" aria-hidden="true" focusable="false">
                          <use xlink:href="Images/svg/sprite.symbol.svg#icon-tag"></use>
                        </svg><span>Lehre und Didaktik, OTH Regensburg</span>
                      </p>
                    </div>
                    <div>
                      <div class="c-teaserbox__button btn btn--readmore"><span class="btn__text">weiterlesen</span>
                        <svg viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
                          <use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-right"></use>
                        </svg>
                      </div>
                    </div>
                  </div>
                </div></a>
            </div>
          </div>
        </div>
      </div>
      <div class="u-show--mobile-only u-align-center--mobile-only"><a class="btn btn--secondary" href="#">Alle News</a></div>
    </div>
    <!-- START STRUCTURED DATA FOR NEWS ARTICLE-->
    <script type="application/ld+json">
      {
        "@context": "https://schema.org",
        "@type": "NewsArticle",
        "mainEntityOfPage": {
          "@type": "WebPage",
          "@id": "https://www.oth-regensburg.de/news/article"
        },
        "image": "https://picsum.photos/500/400",
        "headline": "Article headline",
        "description": "The news description",
        "datePublished": "2020-05-05T08:00:00+12:00",
        "dateModified": "2020-05-05T09:20:00+12:00",
        "author": {
          "@type": "Person",
          "name": "Author name"
        },
         "publisher": {
          "@type": "Organization",
          "name": "Name of publisher",
          "logo": {
            "@type": "ImageObject",
            "url": "https://picsum.photos/512/512"
          }
        }
      }
    </script>
    <!-- END STRUCTURED DATA FOR NEWS ARTICLE-->
  </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 97
Markup: templates/output/10-fullpage/news/fullpage-news-teaser-no-images.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">
  <main class="o-container__content">
    <div class="frame-space-after-medium" id="teaserbox-no-images">
      <div class="c-teaserbox--no-images o-grid o-grid-1-1-1@tablet"><a class="c-teaserbox-raw" href="#">
          <h3 class="c-teaserbox-raw__title">Test-Title 1</h3>
          <p class="c-teaserbox-raw__description">Test-Title 1</p>
          <svg class="c-teaserbox-raw__icon" viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
            <use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-right"></use>
          </svg></a><a class="c-teaserbox-raw" href="#">
          <h3 class="c-teaserbox-raw__title">aliquyam erat, sed diam voluptua</h3>
          <p class="c-teaserbox-raw__description">aliquyam erat, sed diam voluptua</p>
          <svg class="c-teaserbox-raw__icon" viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
            <use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-right"></use>
          </svg></a><a class="c-teaserbox-raw" href="#">
          <h3 class="c-teaserbox-raw__title">aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum</h3>
          <p class="c-teaserbox-raw__description">aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum</p>
          <svg class="c-teaserbox-raw__icon" viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
            <use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-right"></use>
          </svg></a><a class="c-teaserbox-raw" href="#">
          <h3 class="c-teaserbox-raw__title">Test-Title</h3>
          <p class="c-teaserbox-raw__description">Test-Title</p>
          <svg class="c-teaserbox-raw__icon" viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
            <use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-right"></use>
          </svg></a><a class="c-teaserbox-raw" href="#">
          <h3 class="c-teaserbox-raw__title">aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren</h3>
          <p class="c-teaserbox-raw__description">aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren</p>
          <svg class="c-teaserbox-raw__icon" viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
            <use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-right"></use>
          </svg></a>
      </div>
    </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 105

Event Pages

List and Detail View

<insert-markup>10.80.1-</insert-markup>

Veranstaltungen und Events

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

20 Events gefunden
Markup: templates/output/10-fullpage/events/fullpage-event-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">
  <main class="o-container__content">
    <div class="o-grid o-grid-2-1@tablet">
      <div class="u-mb-medium">
        <h1>Veranstaltungen und Events</h1>
        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
      </div>
    </div>
    <div id="event-list"></div>
    <div class="u-mb-large">
      <div class="u-mb-medium" data-vue-portal="#vue-portal-filters-header">
        <div class="o-grid o-grid--filters">
          <div class="u-floating-label u-floating-label--search">
            <label class="u-visually-hidden" for="input-regular-8604">Suchbegriff</label>
            <input class="forminput" id="input-regular-8604" type="search" placeholder="Suchbegriff eingeben"/>
          </div>
          <button class="btn btn--primary-naked u-hide--mobile-only">Jetzt filtern</button>
          <div class="input-wrapper u-datepicker">
            <label class="u-visually-hidden" for="input-regular-7341">Startdatum</label>
            <input class="u-mt-none u-mb-none" id="input-regular-7341" min="2010-01-01" type="date"/>
          </div>
          <div class="input-wrapper u-datepicker">
            <label class="u-visually-hidden" for="input-regular-6805">Enddatum</label>
            <input class="u-mt-none u-mb-none" id="input-regular-6805" min="2010-01-01" type="date"/>
          </div>
        </div>
        <button class="btn btn--primary-naked u-mt-small u-hide@tablet">Jetzt filtern</button>
      </div>
      <div class="o-flex-line o-flex-line--between u-mt-small u-mb-small" data-vue-portal="#vue-portal-filters-footer"><span>20 Events gefunden</span>
        <button class="btn btn--reset o-flex-line o-flex-line--items-center u-mb-small--mobile-only">
          <svg class="u-w-4 u-h-4 u-mr-tiny" role="img" focusable="false" aria-hidden="true" viewbox="0 0 36 38">
            <use xlink:href="Images/svg/sprite.symbol.svg#icon-no-filter"></use>
          </svg> Alle Filter löschen
        </button>
      </div>
      <div data-vue-portal="#vue-portal-list">
        <ul class="o-list-bare o-grid u-mb-large o-grid-1-1@tablet o-grid-1-1-1@desktop">
          <li>
            <div class="c-skeleton-loader c-skeleton-loader--event-teaser">
              <div class="c-skeleton-loader__date"></div>
              <div class="c-skeleton-loader__content">
                <div class="c-skeleton-loader__title"></div>
                <div class="c-skeleton-loader__description"></div>
                <div class="c-skeleton-loader__description"></div>
              </div>
            </div>
          </li>
          <li>
            <div class="c-skeleton-loader c-skeleton-loader--event-teaser">
              <div class="c-skeleton-loader__date"></div>
              <div class="c-skeleton-loader__content">
                <div class="c-skeleton-loader__title"></div>
                <div class="c-skeleton-loader__description"></div>
                <div class="c-skeleton-loader__description"></div>
              </div>
            </div>
          </li>
          <li>
            <div class="c-skeleton-loader c-skeleton-loader--event-teaser">
              <div class="c-skeleton-loader__date"></div>
              <div class="c-skeleton-loader__content">
                <div class="c-skeleton-loader__title"></div>
                <div class="c-skeleton-loader__description"></div>
                <div class="c-skeleton-loader__description"></div>
              </div>
            </div>
          </li>
          <li>
            <div class="c-skeleton-loader c-skeleton-loader--event-teaser">
              <div class="c-skeleton-loader__date"></div>
              <div class="c-skeleton-loader__content">
                <div class="c-skeleton-loader__title"></div>
                <div class="c-skeleton-loader__description"></div>
                <div class="c-skeleton-loader__description"></div>
              </div>
            </div>
          </li>
          <li>
            <div class="c-skeleton-loader c-skeleton-loader--event-teaser">
              <div class="c-skeleton-loader__date"></div>
              <div class="c-skeleton-loader__content">
                <div class="c-skeleton-loader__title"></div>
                <div class="c-skeleton-loader__description"></div>
                <div class="c-skeleton-loader__description"></div>
              </div>
            </div>
          </li>
          <li>
            <div class="c-skeleton-loader c-skeleton-loader--event-teaser">
              <div class="c-skeleton-loader__date"></div>
              <div class="c-skeleton-loader__content">
                <div class="c-skeleton-loader__title"></div>
                <div class="c-skeleton-loader__description"></div>
                <div class="c-skeleton-loader__description"></div>
              </div>
            </div>
          </li>
          <li>
            <div class="c-skeleton-loader c-skeleton-loader--event-teaser">
              <div class="c-skeleton-loader__date"></div>
              <div class="c-skeleton-loader__content">
                <div class="c-skeleton-loader__title"></div>
                <div class="c-skeleton-loader__description"></div>
                <div class="c-skeleton-loader__description"></div>
              </div>
            </div>
          </li>
          <li>
            <div class="c-skeleton-loader c-skeleton-loader--event-teaser">
              <div class="c-skeleton-loader__date"></div>
              <div class="c-skeleton-loader__content">
                <div class="c-skeleton-loader__title"></div>
                <div class="c-skeleton-loader__description"></div>
                <div class="c-skeleton-loader__description"></div>
              </div>
            </div>
          </li>
          <li>
            <div class="c-skeleton-loader c-skeleton-loader--event-teaser">
              <div class="c-skeleton-loader__date"></div>
              <div class="c-skeleton-loader__content">
                <div class="c-skeleton-loader__title"></div>
                <div class="c-skeleton-loader__description"></div>
                <div class="c-skeleton-loader__description"></div>
              </div>
            </div>
          </li>
          <li>
            <div class="c-skeleton-loader c-skeleton-loader--event-teaser">
              <div class="c-skeleton-loader__date"></div>
              <div class="c-skeleton-loader__content">
                <div class="c-skeleton-loader__title"></div>
                <div class="c-skeleton-loader__description"></div>
                <div class="c-skeleton-loader__description"></div>
              </div>
            </div>
          </li>
          <li>
            <div class="c-skeleton-loader c-skeleton-loader--event-teaser">
              <div class="c-skeleton-loader__date"></div>
              <div class="c-skeleton-loader__content">
                <div class="c-skeleton-loader__title"></div>
                <div class="c-skeleton-loader__description"></div>
                <div class="c-skeleton-loader__description"></div>
              </div>
            </div>
          </li>
          <li>
            <div class="c-skeleton-loader c-skeleton-loader--event-teaser">
              <div class="c-skeleton-loader__date"></div>
              <div class="c-skeleton-loader__content">
                <div class="c-skeleton-loader__title"></div>
                <div class="c-skeleton-loader__description"></div>
                <div class="c-skeleton-loader__description"></div>
              </div>
            </div>
          </li>
          <li>
            <div class="c-skeleton-loader c-skeleton-loader--event-teaser">
              <div class="c-skeleton-loader__date"></div>
              <div class="c-skeleton-loader__content">
                <div class="c-skeleton-loader__title"></div>
                <div class="c-skeleton-loader__description"></div>
                <div class="c-skeleton-loader__description"></div>
              </div>
            </div>
          </li>
          <li>
            <div class="c-skeleton-loader c-skeleton-loader--event-teaser">
              <div class="c-skeleton-loader__date"></div>
              <div class="c-skeleton-loader__content">
                <div class="c-skeleton-loader__title"></div>
                <div class="c-skeleton-loader__description"></div>
                <div class="c-skeleton-loader__description"></div>
              </div>
            </div>
          </li>
          <li>
            <div class="c-skeleton-loader c-skeleton-loader--event-teaser">
              <div class="c-skeleton-loader__date"></div>
              <div class="c-skeleton-loader__content">
                <div class="c-skeleton-loader__title"></div>
                <div class="c-skeleton-loader__description"></div>
                <div class="c-skeleton-loader__description"></div>
              </div>
            </div>
          </li>
          <li>
            <div class="c-skeleton-loader c-skeleton-loader--event-teaser">
              <div class="c-skeleton-loader__date"></div>
              <div class="c-skeleton-loader__content">
                <div class="c-skeleton-loader__title"></div>
                <div class="c-skeleton-loader__description"></div>
                <div class="c-skeleton-loader__description"></div>
              </div>
            </div>
          </li>
          <li>
            <div class="c-skeleton-loader c-skeleton-loader--event-teaser">
              <div class="c-skeleton-loader__date"></div>
              <div class="c-skeleton-loader__content">
                <div class="c-skeleton-loader__title"></div>
                <div class="c-skeleton-loader__description"></div>
                <div class="c-skeleton-loader__description"></div>
              </div>
            </div>
          </li>
          <li>
            <div class="c-skeleton-loader c-skeleton-loader--event-teaser">
              <div class="c-skeleton-loader__date"></div>
              <div class="c-skeleton-loader__content">
                <div class="c-skeleton-loader__title"></div>
                <div class="c-skeleton-loader__description"></div>
                <div class="c-skeleton-loader__description"></div>
              </div>
            </div>
          </li>
          <li>
            <div class="c-skeleton-loader c-skeleton-loader--event-teaser">
              <div class="c-skeleton-loader__date"></div>
              <div class="c-skeleton-loader__content">
                <div class="c-skeleton-loader__title"></div>
                <div class="c-skeleton-loader__description"></div>
                <div class="c-skeleton-loader__description"></div>
              </div>
            </div>
          </li>
          <li>
            <div class="c-skeleton-loader c-skeleton-loader--event-teaser">
              <div class="c-skeleton-loader__date"></div>
              <div class="c-skeleton-loader__content">
                <div class="c-skeleton-loader__title"></div>
                <div class="c-skeleton-loader__description"></div>
                <div class="c-skeleton-loader__description"></div>
              </div>
            </div>
          </li>
          <li>
            <div class="c-skeleton-loader c-skeleton-loader--event-teaser">
              <div class="c-skeleton-loader__date"></div>
              <div class="c-skeleton-loader__content">
                <div class="c-skeleton-loader__title"></div>
                <div class="c-skeleton-loader__description"></div>
                <div class="c-skeleton-loader__description"></div>
              </div>
            </div>
          </li>
          <li>
            <div class="c-skeleton-loader c-skeleton-loader--event-teaser">
              <div class="c-skeleton-loader__date"></div>
              <div class="c-skeleton-loader__content">
                <div class="c-skeleton-loader__title"></div>
                <div class="c-skeleton-loader__description"></div>
                <div class="c-skeleton-loader__description"></div>
              </div>
            </div>
          </li>
          <li>
            <div class="c-skeleton-loader c-skeleton-loader--event-teaser">
              <div class="c-skeleton-loader__date"></div>
              <div class="c-skeleton-loader__content">
                <div class="c-skeleton-loader__title"></div>
                <div class="c-skeleton-loader__description"></div>
                <div class="c-skeleton-loader__description"></div>
              </div>
            </div>
          </li>
          <li>
            <div class="c-skeleton-loader c-skeleton-loader--event-teaser">
              <div class="c-skeleton-loader__date"></div>
              <div class="c-skeleton-loader__content">
                <div class="c-skeleton-loader__title"></div>
                <div class="c-skeleton-loader__description"></div>
                <div class="c-skeleton-loader__description"></div>
              </div>
            </div>
          </li>
        </ul>
        <div class="o-flex-line o-flex-line--end" data-vue-portal="#vue-portal-pagination">
          <button class="btn btn--secondary">Mehr laden</button>
        </div>
      </div>
    </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 121
<insert-markup>10.80.2-</insert-markup>
19. April 2023 09:00 - 17:00 Uhr

Name der Veranstaltung Lorem ipsum dolor sit amet Aenean commodo ligula

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.

Die Technology for Future and Ageing Pipelines Conference (TFAP) im belgischen Gent konnte vom 29. bis 31. März 2022 zum ersten Mal seit Beginn der Coronapandemie mit einem hybriden Teilnahmekonzept wieder überwiegend in Präsenz abgehalten werden. Dementsprechend groß war die Freude bei Vertreter*innen von Betreiber- und Wartungsgesell-schaften sowie der Forschung aus aller Welt, sich endlich wieder persönlich austauschen zu können. So auch bei den beiden Doktoranden Philipp Marx und Reiner Trautmannsberger vom Computational Mechanics and Materials Lab (CMM) mit Sitz im Technologie-Campus an der Donau.

Subheadline Cum sociis natoque penatibus

In 65 Double-Peer-Review-Beiträgen, darunter auch ein Beitrag der beiden Doktoranden, wurde das Wissen und die neuesten Erkenntnisse im Bereich Bewertung, Betrieb und Instandhaltung von Onshore- und Offshore-Pipelines vorgestellt und diskutiert. Bei der diesjährigen Veranstaltung stand aufgrund der aktuellen welt- und klimapolitischen Lage besonders die Förderung von Wasserstoff im Fokus, mit welcher besondere Anforderungen an die Pipelines einhergehen.

Subheadline Maecenas tempus

Im Beitrag des CMM unter der Leitung von Prof. Dr Aida Nonn gingen die Autoren der Frage nach, inwieweit das Belastungsszenario einer berstenden Pipeline über vereinfachte Ansätze abgebildet werden kann. Als Basis diente dabei ein an der Ostbayerischen Technischen Hochschule Regensburg (OTH Regensburg) entwickeltes Fluid-Struktur-Interaktions Modell (FSI). Dieses ist in der Lage, die Wechselwirkung zwischen den physikalischen Komponenten Rohr, dekomprimierendem Fluid und einer Hinterfüllung numerisch zu simulieren. Um den dafür benötigten hohen Berechnungsaufwand für z. B. Parameterstudien zu reduzieren, zeigten sich vereinfachte Lastfunktionen als geeignet.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.
Markup: templates/output/10-fullpage/events/fullpage-event-detail.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">
  <div class="o-grid o-grid-7-3@desktop o-grid--gap-sidebar@desktop">
    <main class="o-container__content">
      <!-- START EVENT INTRO BLOCK-->
      <div class="frame-space-after-large" id="event-intro-subpage">
        <!-- START INTRO SUBPAGE NEWSDETAIL-->
        <div class="c-intro-subpage c-intro-subpage--eventdetail">
          <div class="c-intro-subpage__content">
            <!-- START INTRO SUBPAGE NEWSDETAIL TEXT WRAP-->
            <div class="c-intro-subpage__text-wrap">
              <div class="c-intro-subpage__text-inner">
                <div class="c-intro-subpage__event-datetime"><span class="btn btn--icon-left"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36.975"><path d="M2.969 5.971h30.005v10.002H2.969z" stroke="#000" stroke-width="2" fill="none"/><path d="M2.969 15.972h30v20h-30z" stroke="#000" stroke-width="2" fill="none"/><path d="M7.97.969v10.002M27.974.969v10.002" stroke-linejoin="round" stroke="#000" stroke-width="2" fill="none"/><path d="M17.972 30.974v-10l-3.494 2.413" stroke="#000" stroke-width="2" fill="none"/></svg>
<span>19. April 2023</span></span><span class="btn btn--icon-left"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36"><path d="M0 0h36v36H0z" fill="none"/><g transform="translate(-863 -277)" stroke="#000" stroke-width="2" fill="none"><circle cx="12.75" cy="12.75" r="12.75" transform="translate(868 282.25)"/><path d="M874.375 283.959V278h12.751v5.96M887.125 306.041v5.958h-12.75v-5.96M880.75 286.5v8.5h8.5"/></g></svg>
<span>09:00 - 17:00 Uhr</span></span></div>
                <h1 class="c-intro-subpage__headline">Name der Veranstaltung Lorem ipsum dolor sit amet  Aenean commodo ligula</h1>
                <div class="c-intro-subpage__description">
                  <p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.</p>
                </div>
                <div class="c-intro-subpage__action-buttons"><a class="btn btn--secondary" href="#info">Infos zur Anmeldung</a><a class="btn btn--secondary" href="#joinonline">Online teilnehmen (Zoom)</a>
                </div><span class="c-intro-subpage__divider"></span>
                <div class="c-intro-subpage__detailpage-footer"><span class="btn btn--icon-left"><svg version="1.1" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
 <path fill="currentColor" transform="translate(15.555 4.444)" d="m0 0h1.111v1.111h-1.111zm0 0h1.111v1.111h-1.111zm-2.222 0h1.111v1.111h-1.111zm0 0h1.111v1.111h-1.111zm-2.222 0h1.111v1.111h-1.111zm0 0h1.111v1.111h-1.111zm2.3648 4.1227-1.8926 2.2637.76562.64258 1.8945-2.2656zm-1.3068 11.434v-3.246c0-1.776-2.154-2.315-2.154-2.315l-1.09-.33-2.564 3.2-2.564-3.2-1.089.33s-2.154.539-2.154 2.315v3.246m6.4201-19.221v2.5547h1v-1.5547h10.971v6.5898h-7.7754v1h8.7754v-8.5898zm.0944 5.6008-.28711.63281s.0163-.02594-.0117.0098c-.028.03571-.0839.10081-.1875.17773-.20711.15385-.6049.36391-1.3398.48242l.16016.98828c.86505-.13949 1.4245-.40732 1.7754-.66797.0813-.06036.11614-.11086.17578-.16797.54727.4146 1.1182.80795 1.7852.98438l.25586-.9668c-.67845-.17945-1.3019-.52272-1.8164-1zm-.68895-1.928c-1.5803 0-2.6088.54031-3.0859 1.4316-.4771.89133-.43351 1.9688-.32812 3.082.1116 1.1788.53158 2.2492 1.1289 3.0508.59733.80155 1.3926 1.3672 2.2852 1.3672.89189 0 1.6877-.56417 2.2852-1.3652s1.0193-1.8716 1.1309-3.0527c.10539-1.1159.14574-2.1933-.33203-3.084-.47778-.89065-1.5058-1.4297-3.084-1.4297zm0 1c1.3768 0 1.9096.35525 2.2031.90234.29347.5471.3174 1.4525.21679 2.5176-.0944.99982-.46104 1.9126-.93554 2.5488-.47451.63618-1.0363.96289-1.4844.96289-.44749 0-1.0078-.32789-1.4824-.96484s-.84114-1.5497-.93555-2.5469c-.10061-1.0628-.0783-1.968.21485-2.5156s.82444-.9043 2.2031-.9043z"/>
</svg>
<span class="btn__text">Referent/in oder Referent/innen Vorname Nachname</span></span><span class="btn btn--icon-left"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 38.774 38"><path fill="none" d="M10.387 23.502h-4.5l-4.5 13.5h36l-4.5-13.5h-4.5" stroke="currentcolor" stroke-width="2"/><path fill="none" d="M28.387 10c0 4.97-9 18-9 18s-9-13.029-9-18a9 9 0 1 1 18 0z" stroke="currentcolor" stroke-width="2"/><path fill="none" d="M23.887 10a4.5 4.5 0 1 1-4.5-4.5 4.5 4.5 0 0 1 4.5 4.5z" stroke="currentcolor" stroke-width="2"/></svg>
<span class="btn__text">OTH Regensburg, Galgenbergstraße 30, 93053 Regensburg, Raum B203</span></span><span class="btn btn--icon-left"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36"><g fill="none"><path d="M0 0h36v36H0z"/><path stroke="currentColor" stroke-width="2" stroke-miterlimit="10" d="M24.456275 8.774228C22.666858 9.74681 18.512488 9.81185 13.21015 8.2638S2.582763 2.993688 3.091913 1.25603c.250044-.856747 5.483164-.109003 8.537959.738179"/><path stroke="currentColor" stroke-width="2" d="M22.517777 9.363282a2.517 2.517 0 0 0 4.74659-1.639334 2.574 2.574 0 0 0-3.081319-1.779 2.1 2.1 0 0 0-1.248194.895936"/><path stroke="currentColor" stroke-width="2" d="M12.675878 8.356859 3.844884 23.638852l17.253177 9.969158 12.110346-20.961664-2.337562-8.182868L24.216923.618736l-8.25995 2.061092-1.214252 2.108517"/><path stroke-miterlimit="10" stroke="currentColor" stroke-width="2" d="m10.473715 21.529819 9.088224 5.251319M14.592216 14.39119l9.088483 5.252284m-11.251534-1.502481 6.769024 3.91125"/></g></svg>
<span class="btn__text">Lehre und Didaktik, OTH Regensburg (optional)</span></span>
                </div>
              </div>
            </div>
            <!-- END INTRO SUBPAGE NEWSDETAIL TEXT WRAP-->
          </div>
        </div>
        <!-- END INTRO SUBPAGE NEWSDETAIL-->
      </div>
      <!-- END EVENT INTRO BLOCK-->
      <!-- START EVENT BODYTEXT BLOCK-->
      <div class="frame-space-after-large" id="event-bodytext">
        <div class="u-indent-horizontal">
          <p class="u-mb-medium">Die Technology for Future and Ageing Pipelines Conference (TFAP) im belgischen Gent konnte vom 29. bis 31. März 2022 zum ersten Mal seit Beginn der Coronapandemie mit einem hybriden Teilnahmekonzept wieder überwiegend in Präsenz abgehalten werden. Dementsprechend groß war die Freude bei Vertreter*innen von Betreiber- und Wartungsgesell-schaften sowie der Forschung aus aller Welt, sich endlich wieder persönlich austauschen zu können. So auch bei den beiden Doktoranden Philipp Marx und Reiner Trautmannsberger vom <a class='textlink' href='#'>Computational Mechanics and Materials Lab (CMM)</a> mit Sitz im Technologie-Campus an der Donau.</p>
          <h5>Subheadline Cum sociis natoque penatibus</h5>
          <p class="u-mb-medium">In 65 Double-Peer-Review-Beiträgen, darunter auch ein Beitrag der beiden Doktoranden, wurde das Wissen und die neuesten Erkenntnisse im Bereich Bewertung, Betrieb und Instandhaltung von Onshore- und Offshore-Pipelines vorgestellt und diskutiert. Bei der diesjährigen Veranstaltung stand aufgrund der aktuellen welt- und klimapolitischen Lage besonders die Förderung von Wasserstoff im Fokus, mit welcher besondere Anforderungen an die Pipelines einhergehen.</p>
          <h5>Subheadline Maecenas tempus</h5>
          <p class="u-mb-medium">Im Beitrag des CMM unter der Leitung von Prof. Dr Aida Nonn gingen die Autoren der Frage nach, inwieweit das Belastungsszenario einer berstenden Pipeline über vereinfachte Ansätze abgebildet werden kann. Als Basis diente dabei ein an der Ostbayerischen Technischen Hochschule Regensburg (OTH Regensburg) entwickeltes Fluid-Struktur-Interaktions Modell (FSI). Dieses ist in der Lage, die Wechselwirkung zwischen den physikalischen Komponenten Rohr, dekomprimierendem Fluid und einer Hinterfüllung numerisch zu simulieren. Um den dafür benötigten hohen Berechnungsaufwand für z. B. Parameterstudien zu reduzieren, zeigten sich vereinfachte Lastfunktionen als geeignet.</p>
        </div>
      </div>
      <!-- END EVENT BODYTEXT BLOCK-->
      <!-- START EVENT IMAGE BLOCK-->
      <div class="frame-space-after-large" id="event-image">
        <div class="o-outbreak-left">
          <figure class="image u-linepattern-right">
            <picture class="picture__mobile">
              <source srcset="https://picsum.photos/id/668/640/400" media="(min-width:320px)"/>
              <source srcset="https://picsum.photos/id/668/320/200" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/668/640x400" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="640" height="400"/>
            </picture>
            <picture class="picture__desktop">
              <source srcset="https://picsum.photos/id/668/1200/750" media="(min-width:960px)"/>
              <source srcset="https://picsum.photos/id/668/960/600" media="(min-width:768px)"/><img class="image__default" src="https://picsum.photos/id/668/1200/750" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="1200" height="750"/>
            </picture>
          </figure>
        </div>
      </div>
      <!-- END EVENT IMAGE BLOCK-->
      <!-- START EVENT SUBSCRIPTION BLOCK-->
      <div class="frame-space-after-large" id="event-subscription">
        <a class="c-teaserbox__link" href="#">
          <div class="c-teaserbox">
            <div class="c-teaserbox__content-wrap">
              <div class="c-teaserbox__text-wrap">
                <h3 class="c-teaserbox__title">Anmeldung</h3>
                <div class="c-teaserbox__text">
                  <p>In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. </p>
                </div>
              </div>
              <div class="c-teaserbox__button"><span class="btn btn--icon-left">
                  <svg viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
                    <use xlink:href="Images/svg/sprite.symbol.svg#icon-writer"></use>
                  </svg><span class="btn__text">Jetzt anmelden</span></span></div>
            </div>
          </div>
        </a>
      </div>
      <!-- END EVENT SUBSCRIPTION BLOCK-->
      <!-- START EVENTS SUBSCRIPTION BUTTON BLOCK-->
      <div class="frame-space-after-large" id="event-subscription-button"><a class="btn btn--secondary" href="#">Alle Veranstaltungen</a></div>
      <!-- END EVENTS SUBSCRIPTION BUTTON BLOCK-->
      <!-- START STRUCTURED DATA FOR EVENT ARTICLE-->
      <script type="application/ld+json">{"@context":"https://www.schema.org","@type":"Event","name":"Name der Veranstaltung Lorem ipsum dolor sit amet Aenean commodo ligula","url":"https://www.oth-regensburg.de/event/{event-id}","description":"Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.","startDate":"2020-05-05T08:00:00+12:00","endDate":"2020-05-05T08:00:00+12:00","location":{"@type":"Place","name":"OTH Regensburg, Raum B203","sameAs":"https://www.oth-regensburg.de","address":{"@type":"PostalAddress","streetAddress":"Galgenbergstraße 30","addressLocality":"Regensburg","addressRegion":"BY","postalCode":"93053","addressCountry":"DE"}}}</script>
      <!-- END STRUCTURED DATA FOR NEWS ARTICLE-->
    </main>
    <aside class="o-container__sidebar">
      <!-- START EVENTS BUTTON CALENDAR BLOCK-->
      <div class="frame-space-after-large" id="event-calendar-button"><a class="btn btn--secondary" href="#">Im Kalender speichern</a></div>
      <!-- END EVENTS BUTTON CALENDAR BLOCK-->
      <!-- START IMPORTANT INFO BLOCK-->
      <div class="frame-space-after-large" id="important-info">
        <!-- START INFOBOX-->
        <div class="c-infobox">
          <div class="c-infobox__icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 56 56"><g fill="none" fill-rule="evenodd"><g transform="translate(24.001 13.673)"><path stroke="#000" stroke-width="2" d="M9.089 26.781H.18"/><circle cx="4.635" cy="1.6" r="1.6"/><circle stroke="#000" stroke-width="2" cx="4.635" cy="1.6" r="1"/><path stroke="#000" stroke-width="2" d="M0 8.727h4.8V26.81"/></g><path d="M.599 28.001c0-15.1326021 12.2673979-27.4 27.4-27.4 14.9812761 0 27.1543655 12.0232766 27.3963292 26.9468909L55.399 28.001v15.183h-2V28.001c0-14.0280326-11.3719674-25.4-25.4-25.4-14.0280326 0-25.4 11.3719674-25.4 25.4 0 13.8877523 11.1456652 25.17229505 24.9799646 25.39659713L27.999 53.401h26.986v2H27.999c-15.1326021 0-27.4-12.2673979-27.4-27.4Z" fill="#000" fill-rule="nonzero"/></g></svg>

          </div>
          <div class="c-infobox__content">
            <div class="c-infobox__description"><p>Wichtige Info (optional) Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus.</p></div>
          </div>
        </div>
        <!-- END INFOBOX-->
      </div>
      <!-- END IMPORTANT INFO BLOCK-->
      <!-- START LIST DOWNLOAD LINKS BLOCK-->
      <div class="frame-space-after-large" id="download-links">
        <h4>Downloads</h4>
        <ul class="o-list-bare c-linklist c-linklist--icon">
          <li class="c-linklist__item"><a class="c-linklist__link" href="#"><span class="c-linklist__icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 35.304">
 <path fill="currentColor" transform="translate(9539.6 5696)" d="m-9515.3-5696-24.234 3.4492.2832 1.9805 21.951-3.125v2.1347h2zm-14.203 24.771v2h5.9004v-2zm0-8.856v2h2.9512v-2zm1.952-3.904v1.9688h2v-1.9688zm0 3.92v9.8398h2v-9.8398zm-12-12.456v29.369l26 2.461v-29.367zm2 2.1992 22 2.084v25.348l-22-2.082z"/>
</svg>
</span><span class="c-linklist__text">Infoblatt Lorem ipsum dolor sit amet<br>(PDF | 2 MB)</span></a>
          </li>
          <li class="c-linklist__item"><a class="c-linklist__link" href="#"><span class="c-linklist__icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 35.304">
 <path fill="currentColor" transform="translate(9539.6 5696)" d="m-9515.3-5696-24.234 3.4492.2832 1.9805 21.951-3.125v2.1347h2zm-14.203 24.771v2h5.9004v-2zm0-8.856v2h2.9512v-2zm1.952-3.904v1.9688h2v-1.9688zm0 3.92v9.8398h2v-9.8398zm-12-12.456v29.369l26 2.461v-29.367zm2 2.1992 22 2.084v25.348l-22-2.082z"/>
</svg>
</span><span class="c-linklist__text">Informationen fürAenean commodo ligula eget dolor. Aenean massa.<br>(PDF | 2 MB)</span></a>
          </li>
        </ul>
      </div>
      <!-- END LIST DOWNLOAD LINKS BLOCK-->
      <!-- START LIST ADDITIONAL LINKS BLOCK-->
      <div class="frame-space-after-large" id="additional-links">
        <h4>Weitere Links</h4>
        <ul class="o-list-bare c-linklist">
          <li class="c-linklist__item"><a class="c-linklist__link animated-underline" href="#" title="Bewerbung, Zulassung, Einschreibung">Bewerbung, Zulassung, Einschreibung</a>
          </li>
          <li class="c-linklist__item"><a class="c-linklist__link animated-underline" href="#" title="Zulassungsvoraussetzungen">Zulassungsvoraussetzungen</a>
          </li>
          <li class="c-linklist__item"><a class="c-linklist__link animated-underline" href="#" title="Infoangebot">Infoangebot</a>
          </li>
          <li class="c-linklist__item"><a class="c-linklist__link animated-underline" href="#" title="Regensburger Hochschultag">Regensburger Hochschultag</a>
          </li>
          <li class="c-linklist__item"><a class="c-linklist__link animated-underline" href="#" title="Kosten und Finanzierung">Kosten und Finanzierung</a>
          </li>
          <li class="c-linklist__item"><a class="c-linklist__link animated-underline" href="#" title="Wohnen">Wohnen</a>
          </li>
        </ul>
      </div>
      <!-- END LIST ADDITIONAL LINKS BLOCK-->
    </aside>
  </div>
</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 129

Person Pages

List and Detail View

<insert-markup>10.90.1-</insert-markup>
  • Sie befinden sich auf der Seite **Seitentitel einfügen**
  • Kontakt
  • Personen

Filter

  • Abschluss

  • Studientyp

  • Zulassung

  • Studienbeginn

  • Studientyp

Personensuche

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.

17 Personen gefunden
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
<insert-markup>10.90.2-</insert-markup>
Personen

Prof. Dr.-Ing. Vorname Nachname

Funktionen und Berufsbezeichnung, Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.

Kurzprofil optional Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.

Professorin für Elektrotechnik an der Fakultät Elektro- und Informationstechnik

Zusätzliche Info (optional) Cum sociis natoque penatibus et magnis

Qualitätsmanagement und Organisation

Zusätzliche Info (optional) Cum sociis natoque penatibus et magnis

Hochschulleitung: Vizepräsidentin für Studium und Lehre

Zusätzliche Beschreibung (optional) Cum sociis natoque penatibus et magnis

Projekte

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Labor

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Labor für psychologische Aspekte in der Wirtschaft (im Aufbau)

Themenfelder:

  • Motivation. Was Menschen antreibt
  • Manipulation - Führung
  • Umgang mit Low Performer
  • Professionelles Feedback
  • Burnout

Labor für Projektmanagement-Simulation

Abschlussarbeiten

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Werdegang

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

  • Studium: Elektrotechnik an der TU Erlangen, Diplom 1982-1988
  • Promotion: (Dr. Ing.) in der Mikroelektronik an der TU Erlangen 1995
  • Thema: Tiefenabhängige Messung von Diffusionslängen mit dem Photostrom-Meßverfahren Elymat
    • Firma / Zeitraum

      Fraunhofer Gesellschaft
      11/1988-12/1994

    • Beschreibung

      Institut für Integrierte Schaltungen und Lehrstuhl für Elektronische Schaltung, Erlangen

      Assistent der Institutsleitung, Aufbau des Institutes inkl. Drittmittelwerbung
      Gruppenleiter Elektrische Messtechnik, diverse Projektleitungen

    • Firma / Zeitraum

      Siemens AG
      01/1995- 10/1997

    • Beschreibung

      Halbleiterfertigung, Regensburg

      Leitung Referat Projektmanagement

      Projektleitung diverser Change Projekte (Logistik, IT, Technologie)

    • Firma / Zeitraum

      Infineon Technologies
      11/1997-07/2000

    • Beschreibung

      Memory Products, München Dienststellenleitung Produkt Analyse und Optimierung von diversen Speicherprodukten

      Aufbau und Strukturierung der Abteilung

      Optimierung der Geschäftsprozesse und Organisationsstrukturen Einführung und Anwendung von Wissensmanagement Aufbau von 20 neuen Mitarbeitern durch neue Recruiting- und Trainingskonzepte

    • Firma / Zeitraum

      Siemens AG
      08/2000-09/2003

    • Beschreibung

      Unternehmensreferat Wissensmanagement der Siemens AG, München Program Manager mit fachlicher Verantwortung und Beratung für die Themen.

      Knowledge Retention; Bewahrung von Wissen von Experten Beratung div. Siemens Vorstände und Bereiche zur erfolgreichen Einführung und Umsetzung von Wissensmanagement inkl. Personal- und Organisationsentwicklungsmaßnahmen Beratung der e-Business Vorstände zur Informationsarchitektur des Siemens-weiten Programms Enterprise Portal Services inkl. Siemensweite Standardisierung

    • Firma / Zeitraum

      Siemens VDO
      10/2003-12/2006

    • Beschreibung

      Zentralabteilung Business Performance 2013 der Division Gasoline Systems

      Director (Leitender Angestellter Siemens AG) mit Verantwortung für die weltweite (D, I, F, US, Korea, China) Verbesserung der Leistungsfähigkeit durch

      Aufbau einer Inhouse Beratung
      Beratung der Geschäftsführer und Initiativenleiter
      Steuerung aller Verbesserungsinitiativen/ChangeProjekte (Wachstum, Innovation, Einsparungen) inkl. Einführung von Prozessmanagement (CMMI)
      Organisationsentwicklung (Vision, strategische Planung, Kulturwandel, Reorganisationen von Geschäftseinheiten, ...)
      Personalentwicklung (inkl. Training, Nachfolgeplanung, Kompetenz-management, Expertenkarriere, ...)
      Interne Kommunikation (Intranet, Newsletter, Events, Mitarbeiterbefragung)

    • Firma / Zeitraum

      Siemens VDO
      1/2007-11/2007

    • Beschreibung

      Zentralabteilung Business Excellence der Business Unit Powertrain

      Director mit Verantwortung für die weltweite Verbesserung der Leistungsfähigkeit der Divisions in der Business Unit durch

      Aufbau einer Inhouse Beratung
      Beratung des Vorstands, der Divisions- und Initiativenleiter
      Steuerung aller Verbesserungsinitiativen/Change Projekte (Wachstum, Innovation, Einsparungen) inkl. Einführung von Prozessmanagement
      Organisationsentwicklung (Vision, Strategie, Kultur, Reorganisationen von Geschäftseinheiten, ...)
      Beratung bei der Übernahme von Siemens VDO durch Continental

    • Firma / Zeitraum

      VDO Automotive AG
      12/2007-1/2009

    • Beschreibung

      Abteilung GS Logistics und Supplier Management der Business Unit Gasoline System

      Director mit Verantwortung für die Steuerung und Verbesserung der Leistungsfähigkeit des Informations- und Warenflusses weltweit durch

      Steuerung aller Verbesserungsinitiativen in enger Zusammenarbeit mit Kunden, Werken und Lieferanten inkl. Einführung von Prozessmanagement
      Organisationsentwicklung (Vision, Reorganisation, ...)
      Beratung für Lieferantenentwicklung

    • Firma / Zeitraum

      develo
      2/2009-heute

    • Beschreibung

      Inhaber Unternehmensberatung

      Coaching von Einzelpersonen und Beratung von Unternehmen

Firma / Zeitraum

Beschreibung

Fraunhofer Gesellschaft
11/1988-12/1994

Institut für Integrierte Schaltungen und Lehrstuhl für Elektronische Schaltung, Erlangen

Assistent der Institutsleitung, Aufbau des Institutes inkl. Drittmittelwerbung
Gruppenleiter Elektrische Messtechnik, diverse Projektleitungen

Siemens AG
01/1995- 10/1997

Halbleiterfertigung, Regensburg

Leitung Referat Projektmanagement

Projektleitung diverser Change Projekte (Logistik, IT, Technologie)

Infineon Technologies
11/1997-07/2000

Memory Products, München Dienststellenleitung Produkt Analyse und Optimierung von diversen Speicherprodukten

Aufbau und Strukturierung der Abteilung

Optimierung der Geschäftsprozesse und Organisationsstrukturen Einführung und Anwendung von Wissensmanagement Aufbau von 20 neuen Mitarbeitern durch neue Recruiting- und Trainingskonzepte

Siemens AG
08/2000-09/2003

Unternehmensreferat Wissensmanagement der Siemens AG, München Program Manager mit fachlicher Verantwortung und Beratung für die Themen.

Knowledge Retention; Bewahrung von Wissen von Experten Beratung div. Siemens Vorstände und Bereiche zur erfolgreichen Einführung und Umsetzung von Wissensmanagement inkl. Personal- und Organisationsentwicklungsmaßnahmen Beratung der e-Business Vorstände zur Informationsarchitektur des Siemens-weiten Programms Enterprise Portal Services inkl. Siemensweite Standardisierung

Siemens VDO
10/2003-12/2006

Zentralabteilung Business Performance 2013 der Division Gasoline Systems

Director (Leitender Angestellter Siemens AG) mit Verantwortung für die weltweite (D, I, F, US, Korea, China) Verbesserung der Leistungsfähigkeit durch

Aufbau einer Inhouse Beratung
Beratung der Geschäftsführer und Initiativenleiter
Steuerung aller Verbesserungsinitiativen/ChangeProjekte (Wachstum, Innovation, Einsparungen) inkl. Einführung von Prozessmanagement (CMMI)
Organisationsentwicklung (Vision, strategische Planung, Kulturwandel, Reorganisationen von Geschäftseinheiten, ...)
Personalentwicklung (inkl. Training, Nachfolgeplanung, Kompetenz-management, Expertenkarriere, ...)
Interne Kommunikation (Intranet, Newsletter, Events, Mitarbeiterbefragung)

Siemens VDO
1/2007-11/2007

Zentralabteilung Business Excellence der Business Unit Powertrain

Director mit Verantwortung für die weltweite Verbesserung der Leistungsfähigkeit der Divisions in der Business Unit durch

Aufbau einer Inhouse Beratung
Beratung des Vorstands, der Divisions- und Initiativenleiter
Steuerung aller Verbesserungsinitiativen/Change Projekte (Wachstum, Innovation, Einsparungen) inkl. Einführung von Prozessmanagement
Organisationsentwicklung (Vision, Strategie, Kultur, Reorganisationen von Geschäftseinheiten, ...)
Beratung bei der Übernahme von Siemens VDO durch Continental

VDO Automotive AG
12/2007-1/2009

Abteilung GS Logistics und Supplier Management der Business Unit Gasoline System

Director mit Verantwortung für die Steuerung und Verbesserung der Leistungsfähigkeit des Informations- und Warenflusses weltweit durch

Steuerung aller Verbesserungsinitiativen in enger Zusammenarbeit mit Kunden, Werken und Lieferanten inkl. Einführung von Prozessmanagement
Organisationsentwicklung (Vision, Reorganisation, ...)
Beratung für Lieferantenentwicklung

develo
2/2009-heute

Inhaber Unternehmensberatung

Coaching von Einzelpersonen und Beratung von Unternehmen

Veröffentlichungen

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

  • Vorträge

    • How to measure motivation?
      Dr. Josef Merk, Prof. Dr. Thomas Falter Conference Paper: 14. European Conference on Psychological Assessment 8. Juli 2017 in Lissabon

    • A multi dimensional view of the Graves value systems model on teaching and learning leading to a students-centered learning: Graves model revisited
      Dr. Josef Merk, Dr. Wolff Schlotz, Prof. Dr. Thomas Falter Conference Paper · April 2016 DOI: 10.1109/EDUCON.2016.7474600 Conference: 2016 IEEE Global Engineering Education Conference (EDUCON)

  • Online-Veröffentlichungen

    • The Motivational Value Systems Questionnaire (MVSQ): Psychometric Analysis Using a Forced Choice Thurstonian IRT Model
      Dr. Josef Merk, Dr. Wolff Schlotz, Prof. Dr. Thomas Falter Article in Frontiers in Psychology 8:1626 · September 2017

Impressum

Für die Inhalte dieser Seite ist Prof. Dr.-Ing. Vorname Nachname selbst verantwortlich.

Markup: templates/output/10-fullpage/persons/fullpage-person-detail.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">Hochschulbibliothek</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">
  <main class="o-container__content">
    <!-- START INTRODUCTION BLOCK-->
    <div class="frame-space-after-medium o-grid o-grid-1-1@tablet o-grid-2-1@desktop" id="introduction">
      <div class="o-grid o-grid-3-1@desktop">
        <div><span class="u-headline-h4">Personen</span>
          <h1 class="u-headline-h3 u-mt-small">Prof. Dr.-Ing. Vorname Nachname</h1><strong>Funktionen und Berufsbezeichnung, Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod</strong>
        </div>
      </div>
      <div class="o-flex-line o-flex-line--items-start o-flex-line--center@tablet"><a class="btn btn--secondary" href="#">Zum Personenverzeichnis</a></div>
    </div>
    <!-- END INTRODUCTION BLOCK-->
    <!-- START OVERVIEW BLOCK-->
    <div class="frame-space-after-large o-grid o-grid-1-1@tablet o-grid-1-2@desktop" id="overview">
      <div>
        <picture>
          <source srcset="https://picsum.photos/id/1002/500/250" media="(min-width:1000px)"/>
          <source srcset="https://picsum.photos/id/1002/400/200" media="(min-width:768px)"/>
          <source srcset="https://picsum.photos/id/1002/640/360" media="(min-width:320px)"/>
          <source srcset="https://picsum.photos/id/1002/320/180" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/1002/1200x600" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="640" height="360"/>
        </picture>
        <p>Kurzprofil optional Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.</p>
        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.</p>
        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.</p>
      </div>
      <div class="o-grid o-grid-1-1@desktop">
        <div class="c-contactbox">
          <div class="c-contactbox__content">
            <div class="c-contactbox__information">
              <h2 class="c-contactbox__title">Professorin für Elektrotechnik an der Fakultät Elektro- und Informationstechnik</h2>
              <div class="c-contactbox__description">
                <p>Zusätzliche Info  (optional) Cum sociis natoque penatibus et magnis</p>
              </div>
              <ul class="c-contactbox__list o-list-bare">
                <li class="c-contactbox__list-item">
                  <svg class="c-contactbox__icon" viewBox="0 0 38.774 38">
                    <use xlink:href="Images/svg/sprite.symbol.svg#icon-location"></use>
                  </svg><span class="c-contactbox__list-text">Seybothstraße 2<br>Raum: S026</span>
                </li>
                <li class="c-contactbox__list-item"><a class="c-contactbox__list-link" href="tel:+499419439710">
                    <svg class="c-contactbox__icon" viewBox="0 0 38 38.816">
                      <use xlink:href="Images/svg/sprite.symbol.svg#icon-phone-black"></use>
                    </svg><span class="c-contactbox__list-text">+49 (0)941 / 943 - 9871</span></a>
                </li>
                <li class="c-contactbox__list-item"><a class="c-contactbox__list-link" href="mailto:vorname.nachname@oth-regensburg.de">
                    <svg class="c-contactbox__icon" viewBox="0 0 38 38.816">
                      <use xlink:href="Images/svg/sprite.symbol.svg#icon-letter-black"></use>
                    </svg><span class="c-contactbox__list-text">vorname.nachname@oth-regensburg.de</span></a>
                </li>
                <li class="c-contactbox__list-item"><a class="c-contactbox__list-link" href="www.vorname-nachname.de">
                    <svg class="c-contactbox__icon" viewBox="0 0 38 38.816">
                      <use xlink:href="Images/svg/sprite.symbol.svg#icon-world"></use>
                    </svg><span class="c-contactbox__list-text">www.vorname-nachname.de</span></a>
                </li>
                <li class="c-contactbox__list-item">
                  <svg class="c-contactbox__icon" viewBox="0 0 36 36">
                    <use xlink:href="Images/svg/sprite.symbol.svg#icon-time"></use>
                  </svg><span class="c-contactbox__list-text">Sprechzeiten nach Vereinbarung per Mail</span>
                </li>
              </ul>
            </div>
          </div>
        </div>
        <div class="c-contactbox">
          <div class="c-contactbox__content">
            <div class="c-contactbox__information">
              <h2 class="c-contactbox__title">Qualitätsmanagement und Organisation</h2>
              <div class="c-contactbox__description">
                <p>Zusätzliche Info  (optional) Cum sociis natoque penatibus et magnis</p>
              </div>
              <ul class="c-contactbox__list o-list-bare">
                <li class="c-contactbox__list-item">
                  <svg class="c-contactbox__icon" viewBox="0 0 38.774 38">
                    <use xlink:href="Images/svg/sprite.symbol.svg#icon-location"></use>
                  </svg><span class="c-contactbox__list-text">Seybothstraße 2<br>Raum: S026</span>
                </li>
                <li class="c-contactbox__list-item"><a class="c-contactbox__list-link" href="tel:+499419439710">
                    <svg class="c-contactbox__icon" viewBox="0 0 38 38.816">
                      <use xlink:href="Images/svg/sprite.symbol.svg#icon-phone-black"></use>
                    </svg><span class="c-contactbox__list-text">+49 (0)941 / 943 - 9871</span></a>
                </li>
                <li class="c-contactbox__list-item"><a class="c-contactbox__list-link" href="mailto:vizepräsidentin-lehre@oth-regensburg.de">
                    <svg class="c-contactbox__icon" viewBox="0 0 38 38.816">
                      <use xlink:href="Images/svg/sprite.symbol.svg#icon-letter-black"></use>
                    </svg><span class="c-contactbox__list-text">Vizepräsidentin-lehre@oth-regensburg.de</span></a>
                </li>
              </ul>
            </div>
          </div>
        </div>
        <div class="c-contactbox">
          <div class="c-contactbox__content">
            <div class="c-contactbox__information">
              <h2 class="c-contactbox__title">Hochschulleitung: Vizepräsidentin für Studium und Lehre</h2>
              <div class="c-contactbox__description">
                <p>Zusätzliche Beschreibung (optional) Cum sociis natoque penatibus et magnis</p>
              </div>
              <ul class="c-contactbox__list o-list-bare">
                <li class="c-contactbox__list-item">
                  <svg class="c-contactbox__icon" viewBox="0 0 38.774 38">
                    <use xlink:href="Images/svg/sprite.symbol.svg#icon-location"></use>
                  </svg><span class="c-contactbox__list-text">Seybothstraße 2<br>Raum: S026</span>
                </li>
                <li class="c-contactbox__list-item"><a class="c-contactbox__list-link" href="tel:+499419439710">
                    <svg class="c-contactbox__icon" viewBox="0 0 38 38.816">
                      <use xlink:href="Images/svg/sprite.symbol.svg#icon-phone-black"></use>
                    </svg><span class="c-contactbox__list-text">+49 (0)941 / 943 - 9871</span></a>
                </li>
                <li class="c-contactbox__list-item"><a class="c-contactbox__list-link" href="mailto:vizepräsidentin-lehre@oth-regensburg.de">
                    <svg class="c-contactbox__icon" viewBox="0 0 38 38.816">
                      <use xlink:href="Images/svg/sprite.symbol.svg#icon-letter-black"></use>
                    </svg><span class="c-contactbox__list-text">Vizepräsidentin-lehre@oth-regensburg.de</span></a>
                </li>
                <li class="c-contactbox__list-item">
                  <svg class="c-contactbox__icon" viewBox="0 0 36 36">
                    <use xlink:href="Images/svg/sprite.symbol.svg#icon-time"></use>
                  </svg><span class="c-contactbox__list-text">Sprechzeiten nach Vereinbarung mit Vorzimmer (Durchwahl 1003)</span>
                </li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- END OVERVIEW BLOCK-->
    <!-- START PROJECTS BLOCK-->
    <div class="frame-space-after-large" id="projects">
      <div class="u-mb-medium">
        <h2 class="u-headline-light u-topline">Projekte</h2>
        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
      </div>
      <div class="o-grid o-grid-1-1@tablet">
        <div class="c-teaserbox__link">
          <div class="c-teaserbox">
            <div class="c-teaserbox__content-wrap">
              <div class="c-teaserbox__text-wrap">
                <h3 class="c-teaserbox__title">Forschungsgebiete</h3>
                <div class="c-teaserbox__text">
                  <p>Motivationstheorien und deren Messung und Anwendung in HR-Prozessen (Recruiting, Development, Retention).</p>
                  <p>Wertesysteme von Menschen, Organisationen und Lieferketten, z.B.</p>
                  <ul class="u-mt-small u-mb-small">
                    <li>Passung MA-Werte und Organisation und Job,</li>
                    <li>Passung von Unternehmenswerten intern und Marke extern,</li>
                    <li>Passung von Unternehmenswerten zwischen Organisationen in Kooperationen, Merger, ...)</li>
                  </ul>
                  <p>Vergleich von Persönlichkeitsmodellen und Einsatz für Eignungsfeststellungsverfahren</p>
                  <p>Mitarbeiterbefragungen basierend auf Persönlichkeitsmodellen</p>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="c-teaserbox__link">
          <div class="c-teaserbox">
            <div class="c-teaserbox__content-wrap">
              <div class="c-teaserbox__text-wrap">
                <h3 class="c-teaserbox__title">Abschlussarbeiten</h3>
                <div class="c-teaserbox__text">
                  <p>Aus den Schwerpunkten</p>
                  <ul class="u-mt-small u-mb-small">
                    <li>Personal: Recruiting, Personalcontrolling, Employer Branding, ...</li>
                    <li>Projektmanagement: Business Process Reengineering, ...</li>
                    <li>Unternehmensführung: Wissensmanagement, Lernen, Unternehmenskultur, Wertebasierte Führung</li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- END PROJECTS BLOCK-->
    <!-- START 3-1 GRID-->
    <div class="o-grid o-grid-3-1@desktop">
      <div>
        <!-- START LABORATORIES BLOCK-->
        <div class="frame-space-after-large" id="laboratories">
          <div class="u-mb-medium">
            <h2 class="u-headline-light u-topline">Labor</h2>
            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
          </div>
          <h3 class="u-headline-h5">Labor für psychologische Aspekte in der Wirtschaft (im Aufbau)</h3>
          <p>Themenfelder:</p>
          <ul class="u-mt-small">
            <li>Motivation. Was Menschen antreibt</li>
            <li>Manipulation - Führung</li>
            <li>Umgang mit Low Performer</li>
            <li>Professionelles Feedback</li>
            <li>Burnout</li>
          </ul>
          <h3 class="u-headline-h5">Labor für Projektmanagement-Simulation</h3>
        </div>
        <!-- END LABORATORIES BLOCK-->
        <!-- START THESES BLOCK-->
        <div class="frame-space-after-large" id="theses">
          <div class="u-mb-medium">
            <h2 class="u-headline-light u-topline">Abschlussarbeiten</h2>
            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
          </div>
          <ul class="o-list-bare o-flex-line o-flex-line--start o-grid-1-1-1@tablet">
            <li class="u-mb-small u-mr-small"><a class="btn btn--secondary" href="#">Hinweis zur Erstellung von Abschlussarbeiten</a></li>
            <li class="u-mb-small u-mr-small"><a class="btn btn--secondary" href="#">Formatvorlage Abschlussarbeiten</a></li>
            <li class="u-mb-small u-mr-small"><a class="btn btn--secondary" href="#">Themen für Bachelorarbeiten/Masterarbeiten</a></li>
          </ul>
        </div>
        <!-- END THESES BLOCK-->
        <!-- START CAREER BLOCK-->
        <div class="frame-space-after-large" id="career">
          <div class="u-mb-medium">
            <h2 class="u-headline-light u-topline">Werdegang</h2>
            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
          </div>
          <ul class="o-list-bare u-mb-medium">
            <li class="u-mb-medium"><strong>Studium:</strong> Elektrotechnik an der TU Erlangen, Diplom 1982-1988</li>
            <li class="u-mb-medium"><strong>Promotion:</strong> (Dr. Ing.) in der Mikroelektronik an der TU Erlangen 1995</li>
            <li><strong>Thema:</strong> Tiefenabhängige Messung von Diffusionslängen mit dem Photostrom-Meßverfahren Elymat</li>
          </ul>
          <div class="table-container">
            <ul class="table-mobile o-list-bare u-hide@desktop">
              <li class="table-mobile__item">
                <ul class="o-list-bare">
                  <li class="table-mobile__child"><strong class="table-mobile__child-title">Firma / Zeitraum</strong>
                    <p class="table-mobile__child-value"><strong>Fraunhofer Gesellschaft</strong><br>11/1988-12/1994</p>
                  </li>
                  <li class="table-mobile__child"><strong class="table-mobile__child-title">Beschreibung</strong>
                    <p class="table-mobile__child-value">Institut für Integrierte Schaltungen und Lehrstuhl für Elektronische Schaltung, Erlangen<br><br>Assistent der Institutsleitung, Aufbau des Institutes inkl. Drittmittelwerbung<br>Gruppenleiter Elektrische Messtechnik, diverse Projektleitungen</p>
                  </li>
                </ul>
              </li>
              <li class="table-mobile__item">
                <ul class="o-list-bare">
                  <li class="table-mobile__child"><strong class="table-mobile__child-title">Firma / Zeitraum</strong>
                    <p class="table-mobile__child-value"><strong>Siemens AG</strong><br>01/1995- 10/1997</p>
                  </li>
                  <li class="table-mobile__child"><strong class="table-mobile__child-title">Beschreibung</strong>
                    <p class="table-mobile__child-value">Halbleiterfertigung, Regensburg<br><br>Leitung Referat Projektmanagement<br><br>Projektleitung diverser Change Projekte (Logistik, IT, Technologie)</p>
                  </li>
                </ul>
              </li>
              <li class="table-mobile__item">
                <ul class="o-list-bare">
                  <li class="table-mobile__child"><strong class="table-mobile__child-title">Firma / Zeitraum</strong>
                    <p class="table-mobile__child-value"><strong>Infineon Technologies</strong><br>11/1997-07/2000</p>
                  </li>
                  <li class="table-mobile__child"><strong class="table-mobile__child-title">Beschreibung</strong>
                    <p class="table-mobile__child-value">Memory Products, München Dienststellenleitung Produkt Analyse und Optimierung von diversen Speicherprodukten<br><br>Aufbau und Strukturierung der Abteilung<br><br>Optimierung der Geschäftsprozesse und Organisationsstrukturen Einführung und Anwendung von Wissensmanagement Aufbau von 20 neuen Mitarbeitern durch neue Recruiting- und Trainingskonzepte</p>
                  </li>
                </ul>
              </li>
              <li class="table-mobile__item">
                <ul class="o-list-bare">
                  <li class="table-mobile__child"><strong class="table-mobile__child-title">Firma / Zeitraum</strong>
                    <p class="table-mobile__child-value"><strong>Siemens AG</strong><br>08/2000-09/2003</p>
                  </li>
                  <li class="table-mobile__child"><strong class="table-mobile__child-title">Beschreibung</strong>
                    <p class="table-mobile__child-value">Unternehmensreferat Wissensmanagement der Siemens AG, München Program Manager mit fachlicher Verantwortung und Beratung für die Themen.<br><br>Knowledge Retention; Bewahrung von Wissen von Experten Beratung div. Siemens Vorstände und Bereiche zur erfolgreichen Einführung und Umsetzung von Wissensmanagement inkl. Personal- und Organisationsentwicklungsmaßnahmen  Beratung der e-Business Vorstände zur Informationsarchitektur des Siemens-weiten Programms Enterprise Portal Services inkl. Siemensweite Standardisierung</p>
                  </li>
                </ul>
              </li>
              <li class="table-mobile__item">
                <ul class="o-list-bare">
                  <li class="table-mobile__child"><strong class="table-mobile__child-title">Firma / Zeitraum</strong>
                    <p class="table-mobile__child-value"><strong>Siemens VDO</strong><br>10/2003-12/2006</p>
                  </li>
                  <li class="table-mobile__child"><strong class="table-mobile__child-title">Beschreibung</strong>
                    <p class="table-mobile__child-value">Zentralabteilung Business Performance 2013 der Division Gasoline Systems<br><br>Director (Leitender Angestellter Siemens AG) mit Verantwortung für die weltweite (D, I, F, US, Korea, China) Verbesserung der Leistungsfähigkeit durch<br><br>Aufbau einer Inhouse Beratung<br>Beratung der Geschäftsführer und Initiativenleiter<br>Steuerung aller Verbesserungsinitiativen/ChangeProjekte (Wachstum, Innovation, Einsparungen) inkl. Einführung von Prozessmanagement (CMMI)<br>Organisationsentwicklung (Vision, strategische Planung, Kulturwandel, Reorganisationen von Geschäftseinheiten, ...)<br>Personalentwicklung (inkl. Training, Nachfolgeplanung, Kompetenz-management, Expertenkarriere, ...)<br>Interne Kommunikation (Intranet, Newsletter, Events, Mitarbeiterbefragung)</p>
                  </li>
                </ul>
              </li>
              <li class="table-mobile__item">
                <ul class="o-list-bare">
                  <li class="table-mobile__child"><strong class="table-mobile__child-title">Firma / Zeitraum</strong>
                    <p class="table-mobile__child-value"><strong>Siemens VDO</strong><br>1/2007-11/2007</p>
                  </li>
                  <li class="table-mobile__child"><strong class="table-mobile__child-title">Beschreibung</strong>
                    <p class="table-mobile__child-value">Zentralabteilung Business Excellence der Business Unit Powertrain<br><br>Director mit Verantwortung für die weltweite Verbesserung der Leistungsfähigkeit der Divisions in der Business Unit  durch<br><br>Aufbau einer Inhouse Beratung<br>Beratung des Vorstands, der Divisions- und Initiativenleiter <br>Steuerung aller Verbesserungsinitiativen/Change Projekte (Wachstum, Innovation, Einsparungen) inkl. Einführung von Prozessmanagement<br>Organisationsentwicklung (Vision, Strategie, Kultur, Reorganisationen von Geschäftseinheiten, ...)<br>Beratung bei der Übernahme von Siemens VDO durch Continental</p>
                  </li>
                </ul>
              </li>
              <li class="table-mobile__item">
                <ul class="o-list-bare">
                  <li class="table-mobile__child"><strong class="table-mobile__child-title">Firma / Zeitraum</strong>
                    <p class="table-mobile__child-value"><strong>VDO Automotive AG</strong><br>12/2007-1/2009</p>
                  </li>
                  <li class="table-mobile__child"><strong class="table-mobile__child-title">Beschreibung</strong>
                    <p class="table-mobile__child-value">Abteilung GS Logistics und Supplier Management der Business Unit Gasoline System<br><br>Director mit Verantwortung für die Steuerung und Verbesserung der Leistungsfähigkeit des Informations- und Warenflusses weltweit durch<br><br>Steuerung aller Verbesserungsinitiativen in enger Zusammenarbeit mit Kunden, Werken und Lieferanten inkl. Einführung von Prozessmanagement  <br>Organisationsentwicklung (Vision, Reorganisation, ...)<br>Beratung für Lieferantenentwicklung</p>
                  </li>
                </ul>
              </li>
              <li class="table-mobile__item">
                <ul class="o-list-bare">
                  <li class="table-mobile__child"><strong class="table-mobile__child-title">Firma / Zeitraum</strong>
                    <p class="table-mobile__child-value"><strong>develo</strong><br>2/2009-heute</p>
                  </li>
                  <li class="table-mobile__child"><strong class="table-mobile__child-title">Beschreibung</strong>
                    <p class="table-mobile__child-value">Inhaber Unternehmensberatung<br><br>Coaching von Einzelpersonen und Beratung von Unternehmen</p>
                  </li>
                </ul>
              </li>
            </ul>
            <div class="table-rwd">
              <div class="table-rwd__overflow">
                <table class="u-hide--mobile-only">
                  <thead>
                    <tr>
                      <th>
                        <p>Firma / Zeitraum</p>
                      </th>
                      <th>
                        <p>Beschreibung</p>
                      </th>
                    </tr>
                  </thead>
                  <tbody>
                    <tr>
                      <td>
                        <p><strong>Fraunhofer Gesellschaft</strong><br>11/1988-12/1994</p>
                      </td>
                      <td>
                        <p>Institut für Integrierte Schaltungen und Lehrstuhl für Elektronische Schaltung, Erlangen<br><br>Assistent der Institutsleitung, Aufbau des Institutes inkl. Drittmittelwerbung<br>Gruppenleiter Elektrische Messtechnik, diverse Projektleitungen</p>
                      </td>
                    </tr>
                    <tr>
                      <td>
                        <p><strong>Siemens AG</strong><br>01/1995- 10/1997</p>
                      </td>
                      <td>
                        <p>Halbleiterfertigung, Regensburg<br><br>Leitung Referat Projektmanagement<br><br>Projektleitung diverser Change Projekte (Logistik, IT, Technologie)</p>
                      </td>
                    </tr>
                    <tr>
                      <td>
                        <p><strong>Infineon Technologies</strong><br>11/1997-07/2000</p>
                      </td>
                      <td>
                        <p>Memory Products, München Dienststellenleitung Produkt Analyse und Optimierung von diversen Speicherprodukten<br><br>Aufbau und Strukturierung der Abteilung<br><br>Optimierung der Geschäftsprozesse und Organisationsstrukturen Einführung und Anwendung von Wissensmanagement Aufbau von 20 neuen Mitarbeitern durch neue Recruiting- und Trainingskonzepte</p>
                      </td>
                    </tr>
                    <tr>
                      <td>
                        <p><strong>Siemens AG</strong><br>08/2000-09/2003</p>
                      </td>
                      <td>
                        <p>Unternehmensreferat Wissensmanagement der Siemens AG, München Program Manager mit fachlicher Verantwortung und Beratung für die Themen.<br><br>Knowledge Retention; Bewahrung von Wissen von Experten Beratung div. Siemens Vorstände und Bereiche zur erfolgreichen Einführung und Umsetzung von Wissensmanagement inkl. Personal- und Organisationsentwicklungsmaßnahmen  Beratung der e-Business Vorstände zur Informationsarchitektur des Siemens-weiten Programms Enterprise Portal Services inkl. Siemensweite Standardisierung</p>
                      </td>
                    </tr>
                    <tr>
                      <td>
                        <p><strong>Siemens VDO</strong><br>10/2003-12/2006</p>
                      </td>
                      <td>
                        <p>Zentralabteilung Business Performance 2013 der Division Gasoline Systems<br><br>Director (Leitender Angestellter Siemens AG) mit Verantwortung für die weltweite (D, I, F, US, Korea, China) Verbesserung der Leistungsfähigkeit durch<br><br>Aufbau einer Inhouse Beratung<br>Beratung der Geschäftsführer und Initiativenleiter<br>Steuerung aller Verbesserungsinitiativen/ChangeProjekte (Wachstum, Innovation, Einsparungen) inkl. Einführung von Prozessmanagement (CMMI)<br>Organisationsentwicklung (Vision, strategische Planung, Kulturwandel, Reorganisationen von Geschäftseinheiten, ...)<br>Personalentwicklung (inkl. Training, Nachfolgeplanung, Kompetenz-management, Expertenkarriere, ...)<br>Interne Kommunikation (Intranet, Newsletter, Events, Mitarbeiterbefragung)</p>
                      </td>
                    </tr>
                    <tr>
                      <td>
                        <p><strong>Siemens VDO</strong><br>1/2007-11/2007</p>
                      </td>
                      <td>
                        <p>Zentralabteilung Business Excellence der Business Unit Powertrain<br><br>Director mit Verantwortung für die weltweite Verbesserung der Leistungsfähigkeit der Divisions in der Business Unit  durch<br><br>Aufbau einer Inhouse Beratung<br>Beratung des Vorstands, der Divisions- und Initiativenleiter <br>Steuerung aller Verbesserungsinitiativen/Change Projekte (Wachstum, Innovation, Einsparungen) inkl. Einführung von Prozessmanagement<br>Organisationsentwicklung (Vision, Strategie, Kultur, Reorganisationen von Geschäftseinheiten, ...)<br>Beratung bei der Übernahme von Siemens VDO durch Continental</p>
                      </td>
                    </tr>
                    <tr>
                      <td>
                        <p><strong>VDO Automotive AG</strong><br>12/2007-1/2009</p>
                      </td>
                      <td>
                        <p>Abteilung GS Logistics und Supplier Management der Business Unit Gasoline System<br><br>Director mit Verantwortung für die Steuerung und Verbesserung der Leistungsfähigkeit des Informations- und Warenflusses weltweit durch<br><br>Steuerung aller Verbesserungsinitiativen in enger Zusammenarbeit mit Kunden, Werken und Lieferanten inkl. Einführung von Prozessmanagement  <br>Organisationsentwicklung (Vision, Reorganisation, ...)<br>Beratung für Lieferantenentwicklung</p>
                      </td>
                    </tr>
                    <tr>
                      <td>
                        <p><strong>develo</strong><br>2/2009-heute</p>
                      </td>
                      <td>
                        <p>Inhaber Unternehmensberatung<br><br>Coaching von Einzelpersonen und Beratung von Unternehmen</p>
                      </td>
                    </tr>
                  </tbody>
                </table>
              </div>
            </div>
          </div>
        </div>
        <!-- END CAREER BLOCK-->
        <!-- START PUBLICATIONS BLOCK-->
        <div class="frame-space-after-large" id="publications">
          <div class="u-mb-medium">
            <h2 class="u-headline-light u-topline">Veröffentlichungen</h2>
            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
          </div>
          <ul class="o-list-bare">
            <li class="u-mb-medium">
              <h3 class="u-headline-h5">Vorträge</h3>
              <ul class="o-list-bare">
                <li>
                  <p><strong>How to measure motivation?</strong><br/>Dr. Josef Merk, Prof. Dr. Thomas Falter Conference Paper: 14. European Conference on Psychological Assessment 8. Juli 2017 in Lissabon</p>
                </li>
                <li>
                  <p><strong>A multi dimensional view of the Graves value systems model on teaching and learning leading to a students-centered learning: Graves model revisited</strong><br/>Dr. Josef Merk, Dr. Wolff Schlotz, Prof. Dr. Thomas Falter Conference Paper · April 2016 DOI: 10.1109/EDUCON.2016.7474600 Conference: 2016 IEEE Global Engineering Education Conference (EDUCON)</p>
                </li>
              </ul>
            </li>
            <li>
              <h3 class="u-headline-h5">Online-Veröffentlichungen</h3>
              <ul class="o-list-bare">
                <li>
                  <p><strong>The Motivational Value Systems Questionnaire (MVSQ): Psychometric Analysis Using a Forced Choice Thurstonian IRT Model</strong><br/>Dr. Josef Merk, Dr. Wolff Schlotz, Prof. Dr. Thomas Falter Article in Frontiers in Psychology 8:1626 · September 2017</p>
                </li>
              </ul>
            </li>
          </ul>
        </div>
        <!-- END PUBLICATIONS BLOCK-->
        <!-- START IMPRINT BLOCK-->
        <div class="frame-space-after-large" id="imprint">
          <!-- START INFOBOX-->
          <div class="c-infobox">
            <div class="c-infobox__icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 56 56"><g fill="none" fill-rule="evenodd"><g transform="translate(24.001 13.673)"><path stroke="#000" stroke-width="2" d="M9.089 26.781H.18"/><circle cx="4.635" cy="1.6" r="1.6"/><circle stroke="#000" stroke-width="2" cx="4.635" cy="1.6" r="1"/><path stroke="#000" stroke-width="2" d="M0 8.727h4.8V26.81"/></g><path d="M.599 28.001c0-15.1326021 12.2673979-27.4 27.4-27.4 14.9812761 0 27.1543655 12.0232766 27.3963292 26.9468909L55.399 28.001v15.183h-2V28.001c0-14.0280326-11.3719674-25.4-25.4-25.4-14.0280326 0-25.4 11.3719674-25.4 25.4 0 13.8877523 11.1456652 25.17229505 24.9799646 25.39659713L27.999 53.401h26.986v2H27.999c-15.1326021 0-27.4-12.2673979-27.4-27.4Z" fill="#000" fill-rule="nonzero"/></g></svg>

            </div>
            <div class="c-infobox__content">
              <h2 class="c-infobox__heading">Impressum</h2>
              <div class="c-infobox__description"><p>Für die Inhalte dieser Seite ist Prof. Dr.-Ing. Vorname Nachname selbst verantwortlich.</p></div>
            </div>
          </div>
          <!-- END INFOBOX-->
        </div>
        <!-- END IMPRINT BLOCK-->
      </div>
    </div>
    <!-- END 3-1 GRID-->
  </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 153
<insert-markup>10.100-</insert-markup>

Kontaktbox in 1 Spalte

Kontakt (2:1 Bild)

#

Prof. Dr.-Ing. Hans-Peter Rabl

Zusätzliche Beschreibung (optional) Cum sociis natoque penatibus et magnis

Alle Infos zur Person

Kontaktboxen in 2 Spalten

Kontakt (2:1 Bild)

#

Prof. Dr.-Ing. Hans-Peter Rabl

Zusätzliche Beschreibung (optional) Cum sociis natoque penatibus et magnis

Alle Infos zur Person

Kontakt (2:1 Bild)

#

Prof. Dr.-Ing. Hans-Peter Rabl

Zusätzliche Beschreibung (optional) Cum sociis natoque penatibus et magnis

Alle Infos zur Person

Kontaktboxen in 3 Spalten

Kontakt (2:1 Bild)

#

Prof. Dr.-Ing. Hans-Peter Rabl

Zusätzliche Beschreibung (optional) Cum sociis natoque penatibus et magnis

Alle Infos zur Person

Kontakt (2:1 Bild)

#

Prof. Dr.-Ing. Hans-Peter Rabl

Zusätzliche Beschreibung (optional) Cum sociis natoque penatibus et magnis

Alle Infos zur Person

Kontakt (2:1 Bild)

#

Prof. Dr.-Ing. Hans-Peter Rabl

Zusätzliche Beschreibung (optional) Cum sociis natoque penatibus et magnis

Alle Infos zur Person

Kontaktboxen in 4 Spalten

Kontakt (2:1 Bild)

#

Prof. Dr.-Ing. Hans-Peter Rabl

Zusätzliche Beschreibung (optional) Cum sociis natoque penatibus et magnis

Alle Infos zur Person

Kontakt (2:1 Bild)

#

Prof. Dr.-Ing. Hans-Peter Rabl

Zusätzliche Beschreibung (optional) Cum sociis natoque penatibus et magnis

Alle Infos zur Person

Kontakt (2:1 Bild)

#

Prof. Dr.-Ing. Hans-Peter Rabl

Zusätzliche Beschreibung (optional) Cum sociis natoque penatibus et magnis

Alle Infos zur Person

Kontakt (2:1 Bild)

#

Prof. Dr.-Ing. Hans-Peter Rabl

Zusätzliche Beschreibung (optional) Cum sociis natoque penatibus et magnis

Alle Infos zur Person
Markup: templates/output/10-fullpage/fullpage-contactbox.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">
  <main class="o-container__content">
    <div class="o-grid frame-space-before-large o-grid-3-1@desktop o-grid--gap-sidebar@desktop">
      <div>
        <!-- START 1 COLUMN CONTACT BLOCK-->
        <div class="frame-space-after-small">
          <h3>Kontaktbox in 1 Spalte</h3>
        </div>
        <div class="o-grid">
          <div class="frame-space-after-large">
            <h2 class="u-headline-h4">Kontakt (2:1 Bild)</h2>
            <div class="u-mb-medium">
              <div class="c-contactbox">
                <picture class="c-contactbox__image">
                  <!-- START RENDER CONTACT BOX IMAGE IN MAIN CONTENT WITH LARGER IMAGE DIMENSION-->
                  <source srcset="https://picsum.photos/id/1040/906/453" media="(min-width:768px)"/>
                  <source srcset="https://picsum.photos/id/1040/768/384" media="(min-width:0)"/><img src="https://picsum.photos/id/1040/906/453" width="906" height="453" alt="#" loading="lazy"/>
                  <!-- END RENDER CONTACT BOX IMAGE IN MAIN CONTENT WITH LARGER IMAGE DIMENSION-->
                </picture>
                <div class="c-contactbox__content">
                  <div class="c-contactbox__information">
                    <h3 class="c-contactbox__title">Prof. Dr.-Ing. Hans-Peter Rabl</h3>
                    <div class="c-contactbox__description">
                      <p>Zusätzliche Beschreibung (optional) Cum sociis natoque penatibus et magnis</p>
                    </div>
                    <ul class="c-contactbox__list o-list-bare">
                      <li class="c-contactbox__list-item"><a class="c-contactbox__list-link" href="tel:+499419439710">
                          <svg class="c-contactbox__icon" viewBox="0 0 38 38.816">
                            <use xlink:href="Images/svg/sprite.symbol.svg#icon-phone-black"></use>
                          </svg><span class="c-contactbox__list-text">+49 (0)941 / 943 - 9710</span></a>
                      </li>
                      <li class="c-contactbox__list-item"><a class="c-contactbox__list-link" href="mailto:mustermann@oth-regensburg.de">
                          <svg class="c-contactbox__icon" viewBox="0 0 38 38.816">
                            <use xlink:href="Images/svg/sprite.symbol.svg#icon-letter-black"></use>
                          </svg><span class="c-contactbox__list-text">mustermann@oth-regensburg.de</span></a>
                      </li>
                    </ul>
                  </div><span class="c-contactbox__cta">Alle Infos zur Person
                    <svg viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
                      <use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-right"></use>
                    </svg></span>
                </div><a class="c-contactbox__link" href="#container" title="Alle Informationen zu &quot;Prof. Dr.-Ing. Hans-Peter Rabl&quot;"></a>
                <script type="application/ld+json">
                  {
                    "@context": "http://schema.org",
                    "@type": "Person",
                    "givenName": "Hans-Peter",
                    "familyName": "Rabl",
                    "honorificPrefix": "Prof. Dr.-Ing.",
                    "affiliation": "Fakultät Maschinenbau",
                    "email": "studienberatung@oth-regensburg.de ",
                    "telephone": "+4994194302",
                    "image": "http://photourl",
                    "address": "Galgenbergstraße 30, Raum D111",
                    "worksFor": "OTH Regensburg"
                  }
                </script>
              </div>
            </div>
          </div>
        </div>
        <!-- END 1 COLUMN CONTACT BLOCK-->
        <!-- START 2 COLUMN CONTACT BLOCK-->
        <div class="frame-space-after-small">
          <h3>Kontaktboxen in 2 Spalten</h3>
        </div>
        <div class="o-grid o-grid-1-1@tablet">
          <div class="frame-space-after-large">
            <h2 class="u-headline-h4">Kontakt (2:1 Bild)</h2>
            <div class="u-mb-medium">
              <div class="c-contactbox">
                <picture class="c-contactbox__image">
                  <!-- START RENDER CONTACT BOX IMAGE IN MAIN CONTENT WITH LARGER IMAGE DIMENSION-->
                  <source srcset="https://picsum.photos/id/1040/906/453" media="(min-width:768px)"/>
                  <source srcset="https://picsum.photos/id/1040/768/384" media="(min-width:0)"/><img src="https://picsum.photos/id/1040/906/453" width="906" height="453" alt="#" loading="lazy"/>
                  <!-- END RENDER CONTACT BOX IMAGE IN MAIN CONTENT WITH LARGER IMAGE DIMENSION-->
                </picture>
                <div class="c-contactbox__content">
                  <div class="c-contactbox__information">
                    <h3 class="c-contactbox__title">Prof. Dr.-Ing. Hans-Peter Rabl</h3>
                    <div class="c-contactbox__description">
                      <p>Zusätzliche Beschreibung (optional) Cum sociis natoque penatibus et magnis</p>
                    </div>
                    <ul class="c-contactbox__list o-list-bare">
                      <li class="c-contactbox__list-item"><a class="c-contactbox__list-link" href="tel:+499419439710">
                          <svg class="c-contactbox__icon" viewBox="0 0 38 38.816">
                            <use xlink:href="Images/svg/sprite.symbol.svg#icon-phone-black"></use>
                          </svg><span class="c-contactbox__list-text">+49 (0)941 / 943 - 9710</span></a>
                      </li>
                      <li class="c-contactbox__list-item"><a class="c-contactbox__list-link" href="mailto:mustermann@oth-regensburg.de">
                          <svg class="c-contactbox__icon" viewBox="0 0 38 38.816">
                            <use xlink:href="Images/svg/sprite.symbol.svg#icon-letter-black"></use>
                          </svg><span class="c-contactbox__list-text">mustermann@oth-regensburg.de</span></a>
                      </li>
                    </ul>
                  </div><span class="c-contactbox__cta">Alle Infos zur Person
                    <svg viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
                      <use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-right"></use>
                    </svg></span>
                </div><a class="c-contactbox__link" href="#container" title="Alle Informationen zu &quot;Prof. Dr.-Ing. Hans-Peter Rabl&quot;"></a>
                <script type="application/ld+json">
                  {
                    "@context": "http://schema.org",
                    "@type": "Person",
                    "givenName": "Hans-Peter",
                    "familyName": "Rabl",
                    "honorificPrefix": "Prof. Dr.-Ing.",
                    "affiliation": "Fakultät Maschinenbau",
                    "email": "studienberatung@oth-regensburg.de ",
                    "telephone": "+4994194302",
                    "image": "http://photourl",
                    "address": "Galgenbergstraße 30, Raum D111",
                    "worksFor": "OTH Regensburg"
                  }
                </script>
              </div>
            </div>
          </div>
          <div class="frame-space-after-large">
            <h2 class="u-headline-h4">Kontakt (2:1 Bild)</h2>
            <div class="u-mb-medium">
              <div class="c-contactbox">
                <picture class="c-contactbox__image">
                  <!-- START RENDER CONTACT BOX IMAGE IN MAIN CONTENT WITH LARGER IMAGE DIMENSION-->
                  <source srcset="https://picsum.photos/id/1040/906/453" media="(min-width:768px)"/>
                  <source srcset="https://picsum.photos/id/1040/768/384" media="(min-width:0)"/><img src="https://picsum.photos/id/1040/906/453" width="906" height="453" alt="#" loading="lazy"/>
                  <!-- END RENDER CONTACT BOX IMAGE IN MAIN CONTENT WITH LARGER IMAGE DIMENSION-->
                </picture>
                <div class="c-contactbox__content">
                  <div class="c-contactbox__information">
                    <h3 class="c-contactbox__title">Prof. Dr.-Ing. Hans-Peter Rabl</h3>
                    <div class="c-contactbox__description">
                      <p>Zusätzliche Beschreibung (optional) Cum sociis natoque penatibus et magnis</p>
                    </div>
                    <ul class="c-contactbox__list o-list-bare">
                      <li class="c-contactbox__list-item"><a class="c-contactbox__list-link" href="tel:+499419439710">
                          <svg class="c-contactbox__icon" viewBox="0 0 38 38.816">
                            <use xlink:href="Images/svg/sprite.symbol.svg#icon-phone-black"></use>
                          </svg><span class="c-contactbox__list-text">+49 (0)941 / 943 - 9710</span></a>
                      </li>
                      <li class="c-contactbox__list-item"><a class="c-contactbox__list-link" href="mailto:mustermann@oth-regensburg.de">
                          <svg class="c-contactbox__icon" viewBox="0 0 38 38.816">
                            <use xlink:href="Images/svg/sprite.symbol.svg#icon-letter-black"></use>
                          </svg><span class="c-contactbox__list-text">mustermann@oth-regensburg.de</span></a>
                      </li>
                    </ul>
                  </div><span class="c-contactbox__cta">Alle Infos zur Person
                    <svg viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
                      <use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-right"></use>
                    </svg></span>
                </div><a class="c-contactbox__link" href="#container" title="Alle Informationen zu &quot;Prof. Dr.-Ing. Hans-Peter Rabl&quot;"></a>
                <script type="application/ld+json">
                  {
                    "@context": "http://schema.org",
                    "@type": "Person",
                    "givenName": "Hans-Peter",
                    "familyName": "Rabl",
                    "honorificPrefix": "Prof. Dr.-Ing.",
                    "affiliation": "Fakultät Maschinenbau",
                    "email": "studienberatung@oth-regensburg.de ",
                    "telephone": "+4994194302",
                    "image": "http://photourl",
                    "address": "Galgenbergstraße 30, Raum D111",
                    "worksFor": "OTH Regensburg"
                  }
                </script>
              </div>
            </div>
          </div>
        </div>
        <!-- END 2 COLUMN CONTACT BLOCK-->
        <!-- START 3 COLUMN CONTACT BLOCK-->
        <div class="frame-space-after-small">
          <h3>Kontaktboxen in 3 Spalten</h3>
        </div>
        <div class="o-grid o-grid-1-1@tablet o-grid-1-1-1@desktop-wide">
          <div class="frame-space-after-large">
            <h2 class="u-headline-h4">Kontakt (2:1 Bild)</h2>
            <div class="u-mb-medium">
              <div class="c-contactbox">
                <picture class="c-contactbox__image">
                  <!-- START RENDER CONTACT BOX IMAGE IN MAIN CONTENT WITH LARGER IMAGE DIMENSION-->
                  <source srcset="https://picsum.photos/id/1040/906/453" media="(min-width:768px)"/>
                  <source srcset="https://picsum.photos/id/1040/768/384" media="(min-width:0)"/><img src="https://picsum.photos/id/1040/906/453" width="906" height="453" alt="#" loading="lazy"/>
                  <!-- END RENDER CONTACT BOX IMAGE IN MAIN CONTENT WITH LARGER IMAGE DIMENSION-->
                </picture>
                <div class="c-contactbox__content">
                  <div class="c-contactbox__information">
                    <h3 class="c-contactbox__title">Prof. Dr.-Ing. Hans-Peter Rabl</h3>
                    <div class="c-contactbox__description">
                      <p>Zusätzliche Beschreibung (optional) Cum sociis natoque penatibus et magnis</p>
                    </div>
                    <ul class="c-contactbox__list o-list-bare">
                      <li class="c-contactbox__list-item"><a class="c-contactbox__list-link" href="tel:+499419439710">
                          <svg class="c-contactbox__icon" viewBox="0 0 38 38.816">
                            <use xlink:href="Images/svg/sprite.symbol.svg#icon-phone-black"></use>
                          </svg><span class="c-contactbox__list-text">+49 (0)941 / 943 - 9710</span></a>
                      </li>
                      <li class="c-contactbox__list-item"><a class="c-contactbox__list-link" href="mailto:mustermann@oth-regensburg.de">
                          <svg class="c-contactbox__icon" viewBox="0 0 38 38.816">
                            <use xlink:href="Images/svg/sprite.symbol.svg#icon-letter-black"></use>
                          </svg><span class="c-contactbox__list-text">mustermann@oth-regensburg.de</span></a>
                      </li>
                    </ul>
                  </div><span class="c-contactbox__cta">Alle Infos zur Person
                    <svg viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
                      <use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-right"></use>
                    </svg></span>
                </div><a class="c-contactbox__link" href="#container" title="Alle Informationen zu &quot;Prof. Dr.-Ing. Hans-Peter Rabl&quot;"></a>
                <script type="application/ld+json">
                  {
                    "@context": "http://schema.org",
                    "@type": "Person",
                    "givenName": "Hans-Peter",
                    "familyName": "Rabl",
                    "honorificPrefix": "Prof. Dr.-Ing.",
                    "affiliation": "Fakultät Maschinenbau",
                    "email": "studienberatung@oth-regensburg.de ",
                    "telephone": "+4994194302",
                    "image": "http://photourl",
                    "address": "Galgenbergstraße 30, Raum D111",
                    "worksFor": "OTH Regensburg"
                  }
                </script>
              </div>
            </div>
          </div>
          <div class="frame-space-after-large">
            <h2 class="u-headline-h4">Kontakt (2:1 Bild)</h2>
            <div class="u-mb-medium">
              <div class="c-contactbox">
                <picture class="c-contactbox__image">
                  <!-- START RENDER CONTACT BOX IMAGE IN MAIN CONTENT WITH LARGER IMAGE DIMENSION-->
                  <source srcset="https://picsum.photos/id/1040/906/453" media="(min-width:768px)"/>
                  <source srcset="https://picsum.photos/id/1040/768/384" media="(min-width:0)"/><img src="https://picsum.photos/id/1040/906/453" width="906" height="453" alt="#" loading="lazy"/>
                  <!-- END RENDER CONTACT BOX IMAGE IN MAIN CONTENT WITH LARGER IMAGE DIMENSION-->
                </picture>
                <div class="c-contactbox__content">
                  <div class="c-contactbox__information">
                    <h3 class="c-contactbox__title">Prof. Dr.-Ing. Hans-Peter Rabl</h3>
                    <div class="c-contactbox__description">
                      <p>Zusätzliche Beschreibung (optional) Cum sociis natoque penatibus et magnis</p>
                    </div>
                    <ul class="c-contactbox__list o-list-bare">
                      <li class="c-contactbox__list-item"><a class="c-contactbox__list-link" href="tel:+499419439710">
                          <svg class="c-contactbox__icon" viewBox="0 0 38 38.816">
                            <use xlink:href="Images/svg/sprite.symbol.svg#icon-phone-black"></use>
                          </svg><span class="c-contactbox__list-text">+49 (0)941 / 943 - 9710</span></a>
                      </li>
                      <li class="c-contactbox__list-item"><a class="c-contactbox__list-link" href="mailto:mustermann@oth-regensburg.de">
                          <svg class="c-contactbox__icon" viewBox="0 0 38 38.816">
                            <use xlink:href="Images/svg/sprite.symbol.svg#icon-letter-black"></use>
                          </svg><span class="c-contactbox__list-text">mustermann@oth-regensburg.de</span></a>
                      </li>
                    </ul>
                  </div><span class="c-contactbox__cta">Alle Infos zur Person
                    <svg viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
                      <use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-right"></use>
                    </svg></span>
                </div><a class="c-contactbox__link" href="#container" title="Alle Informationen zu &quot;Prof. Dr.-Ing. Hans-Peter Rabl&quot;"></a>
                <script type="application/ld+json">
                  {
                    "@context": "http://schema.org",
                    "@type": "Person",
                    "givenName": "Hans-Peter",
                    "familyName": "Rabl",
                    "honorificPrefix": "Prof. Dr.-Ing.",
                    "affiliation": "Fakultät Maschinenbau",
                    "email": "studienberatung@oth-regensburg.de ",
                    "telephone": "+4994194302",
                    "image": "http://photourl",
                    "address": "Galgenbergstraße 30, Raum D111",
                    "worksFor": "OTH Regensburg"
                  }
                </script>
              </div>
            </div>
          </div>
          <div class="frame-space-after-large">
            <h2 class="u-headline-h4">Kontakt (2:1 Bild)</h2>
            <div class="u-mb-medium">
              <div class="c-contactbox">
                <picture class="c-contactbox__image">
                  <!-- START RENDER CONTACT BOX IMAGE IN MAIN CONTENT WITH LARGER IMAGE DIMENSION-->
                  <source srcset="https://picsum.photos/id/1040/906/453" media="(min-width:768px)"/>
                  <source srcset="https://picsum.photos/id/1040/768/384" media="(min-width:0)"/><img src="https://picsum.photos/id/1040/906/453" width="906" height="453" alt="#" loading="lazy"/>
                  <!-- END RENDER CONTACT BOX IMAGE IN MAIN CONTENT WITH LARGER IMAGE DIMENSION-->
                </picture>
                <div class="c-contactbox__content">
                  <div class="c-contactbox__information">
                    <h3 class="c-contactbox__title">Prof. Dr.-Ing. Hans-Peter Rabl</h3>
                    <div class="c-contactbox__description">
                      <p>Zusätzliche Beschreibung (optional) Cum sociis natoque penatibus et magnis</p>
                    </div>
                    <ul class="c-contactbox__list o-list-bare">
                      <li class="c-contactbox__list-item"><a class="c-contactbox__list-link" href="tel:+499419439710">
                          <svg class="c-contactbox__icon" viewBox="0 0 38 38.816">
                            <use xlink:href="Images/svg/sprite.symbol.svg#icon-phone-black"></use>
                          </svg><span class="c-contactbox__list-text">+49 (0)941 / 943 - 9710</span></a>
                      </li>
                      <li class="c-contactbox__list-item"><a class="c-contactbox__list-link" href="mailto:mustermann@oth-regensburg.de">
                          <svg class="c-contactbox__icon" viewBox="0 0 38 38.816">
                            <use xlink:href="Images/svg/sprite.symbol.svg#icon-letter-black"></use>
                          </svg><span class="c-contactbox__list-text">mustermann@oth-regensburg.de</span></a>
                      </li>
                    </ul>
                  </div><span class="c-contactbox__cta">Alle Infos zur Person
                    <svg viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
                      <use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-right"></use>
                    </svg></span>
                </div><a class="c-contactbox__link" href="#container" title="Alle Informationen zu &quot;Prof. Dr.-Ing. Hans-Peter Rabl&quot;"></a>
                <script type="application/ld+json">
                  {
                    "@context": "http://schema.org",
                    "@type": "Person",
                    "givenName": "Hans-Peter",
                    "familyName": "Rabl",
                    "honorificPrefix": "Prof. Dr.-Ing.",
                    "affiliation": "Fakultät Maschinenbau",
                    "email": "studienberatung@oth-regensburg.de ",
                    "telephone": "+4994194302",
                    "image": "http://photourl",
                    "address": "Galgenbergstraße 30, Raum D111",
                    "worksFor": "OTH Regensburg"
                  }
                </script>
              </div>
            </div>
          </div>
        </div>
        <!-- END 3 COLUMN CONTACT BLOCK-->
      </div>
      <aside>
        <!-- START CONTACT BLOCK-->
        <div class="frame-space-after-large">
          <h2 class="u-headline-h4">Kontakt (2:1 Bild)</h2>
          <div class="u-mb-medium">
            <!-- START CONTACT BOX IN SIDEBAR WITH SMALLER IMAGE DIMENSION-->
            <div class="c-contactbox">
              <picture class="c-contactbox__image">
                <!-- START RENDER CONTACT BOX IMAGE IN SIDEBAR WITH SMALLER IMAGE DIMENSION-->
                <source srcset="https://picsum.photos/id/1070/500/250" media="(min-width:1400px)"/>
                <source srcset="https://picsum.photos/id/1070/400/200" media="(min-width:1200px)"/>
                <source srcset="https://picsum.photos/id/1070/300/150" media="(min-width:1024px)"/>
                <source srcset="https://picsum.photos/id/1070/1024/512" media="(min-width:900px)"/>
                <source srcset="https://picsum.photos/id/1070/900/450" media="(min-width:768px)"/>
                <source srcset="https://picsum.photos/id/1070/768/384" media="(min-width:600px)"/>
                <source srcset="https://picsum.photos/id/1070/600/300" media="(min-width:480px)"/>
                <source srcset="https://picsum.photos/id/1070/480/240" media="(min-width:0)"/><img src="https://picsum.photos/id/1070/500/250" width="500" height="250" alt="#" loading="lazy"/>
                <!-- END RENDER CONTACT BOX IMAGE IN SIDEBAR WITH SMALLER IMAGE DIMENSION-->
              </picture>
              <div class="c-contactbox__content">
                <div class="c-contactbox__information">
                  <h3 class="c-contactbox__title">Prof. Dr.-Ing. Hans-Peter Rabl</h3>
                  <div class="c-contactbox__description">
                    <p>Zusätzliche Beschreibung (optional) Cum sociis natoque penatibus et magnis</p>
                  </div>
                  <ul class="c-contactbox__list o-list-bare">
                    <li class="c-contactbox__list-item"><a class="c-contactbox__list-link" href="tel:+499419439710">
                        <svg class="c-contactbox__icon" viewBox="0 0 38 38.816">
                          <use xlink:href="Images/svg/sprite.symbol.svg#icon-phone-black"></use>
                        </svg><span class="c-contactbox__list-text">+49 (0)941 / 943 - 9710</span></a>
                    </li>
                    <li class="c-contactbox__list-item"><a class="c-contactbox__list-link" href="mailto:mustermann@oth-regensburg.de">
                        <svg class="c-contactbox__icon" viewBox="0 0 38 38.816">
                          <use xlink:href="Images/svg/sprite.symbol.svg#icon-letter-black"></use>
                        </svg><span class="c-contactbox__list-text">mustermann@oth-regensburg.de</span></a>
                    </li>
                  </ul>
                </div><span class="c-contactbox__cta">Alle Infos zur Person
                  <svg viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
                    <use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-right"></use>
                  </svg></span>
              </div><a class="c-contactbox__link" href="#container" title="Alle Informationen zu &quot;Prof. Dr.-Ing. Hans-Peter Rabl&quot;"></a>
              <script type="application/ld+json">
                {
                  "@context": "http://schema.org",
                  "@type": "Person",
                  "givenName": "Hans-Peter",
                  "familyName": "Rabl",
                  "honorificPrefix": "Prof. Dr.-Ing.",
                  "affiliation": "Fakultät Maschinenbau",
                  "email": "studienberatung@oth-regensburg.de ",
                  "telephone": "+4994194302",
                  "image": "http://photourl",
                  "address": "Galgenbergstraße 30, Raum D111",
                  "worksFor": "OTH Regensburg"
                }
              </script>
            </div>
            <!-- END CONTACT BOX IN SIDEBAR WITH SMALLER IMAGE DIMENSION-->
          </div>
        </div>
        <div class="frame-space-after-large">
          <h2 class="u-headline-h4">Kontakt (1:1 Bild)</h2>
          <div class="u-mb-medium">
            <!-- START CONTACT BOX IN SIDEBAR WITH SMALLER IMAGE DIMENSION-->
            <div class="c-contactbox c-contactbox--square-image">
              <picture class="c-contactbox__image">
                <!-- START RENDER SQUARE CONTACT BOX IMAGE IN SIDEBAR WITH SMALLER IMAGE DIMENSION-->
                <source srcset="https://picsum.photos/id/1039/250/250" media="(min-width:1400px)"/>
                <source srcset="https://picsum.photos/id/1039/200/200" media="(min-width:1200px)"/>
                <source srcset="https://picsum.photos/id/1039/150/150" media="(min-width:1024px)"/>
                <source srcset="https://picsum.photos/id/1039/512/512" media="(min-width:900px)"/>
                <source srcset="https://picsum.photos/id/1039/450/450" media="(min-width:768px)"/>
                <source srcset="https://picsum.photos/id/1039/384/384" media="(min-width:600px)"/>
                <source srcset="https://picsum.photos/id/1039/300/300" media="(min-width:480px)"/>
                <source srcset="https://picsum.photos/id/1039/240/240" media="(min-width:0)"/><img src="https://picsum.photos/id/1039/250/250" width="250" height="250" alt="#" loading="lazy"/>
                <!-- END RENDER SQUARE CONTACT BOX IMAGE IN SIDEBAR WITH SMALLER IMAGE DIMENSION-->
              </picture>
              <div class="c-contactbox__content">
                <div class="c-contactbox__information">
                  <h3 class="c-contactbox__title">Prof. Dr.-Ing. Hans-Peter Rabl</h3>
                  <div class="c-contactbox__description">
                    <p>Zusätzliche Beschreibung (optional) Cum sociis natoque penatibus et magnis</p>
                  </div>
                  <ul class="c-contactbox__list o-list-bare">
                    <li class="c-contactbox__list-item"><a class="c-contactbox__list-link" href="tel:+499419439710">
                        <svg class="c-contactbox__icon" viewBox="0 0 38 38.816">
                          <use xlink:href="Images/svg/sprite.symbol.svg#icon-phone-black"></use>
                        </svg><span class="c-contactbox__list-text">+49 (0)941 / 943 - 9710</span></a>
                    </li>
                    <li class="c-contactbox__list-item"><a class="c-contactbox__list-link" href="mailto:mustermann@oth-regensburg.de">
                        <svg class="c-contactbox__icon" viewBox="0 0 38 38.816">
                          <use xlink:href="Images/svg/sprite.symbol.svg#icon-letter-black"></use>
                        </svg><span class="c-contactbox__list-text">mustermann@oth-regensburg.de</span></a>
                    </li>
                  </ul>
                </div><span class="c-contactbox__cta">Alle Infos zur Person
                  <svg viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
                    <use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-right"></use>
                  </svg></span>
              </div><a class="c-contactbox__link" href="#container" title="Alle Informationen zu &quot;Prof. Dr.-Ing. Hans-Peter Rabl&quot;"></a>
              <script type="application/ld+json">
                {
                  "@context": "http://schema.org",
                  "@type": "Person",
                  "givenName": "Hans-Peter",
                  "familyName": "Rabl",
                  "honorificPrefix": "Prof. Dr.-Ing.",
                  "affiliation": "Fakultät Maschinenbau",
                  "email": "studienberatung@oth-regensburg.de ",
                  "telephone": "+4994194302",
                  "image": "http://photourl",
                  "address": "Galgenbergstraße 30, Raum D111",
                  "worksFor": "OTH Regensburg"
                }
              </script>
            </div>
            <!-- END CONTACT BOX IN SIDEBAR WITH SMALLER IMAGE DIMENSION-->
          </div>
        </div>
        <!-- END CONTACT BLOCK-->
      </aside>
    </div>
    <hr class="frame-space-after-large"/>
    <div class="frame-space-after-small">
      <h3>Kontaktboxen in 4 Spalten</h3>
      <div class="o-grid o-grid-1-1@tablet o-grid-1-1-1-1@desktop">
        <div class="frame-space-after-large">
          <h2 class="u-headline-h4">Kontakt (2:1 Bild)</h2>
          <div class="u-mb-medium">
            <div class="c-contactbox">
              <picture class="c-contactbox__image">
                <!-- START RENDER CONTACT BOX IMAGE IN MAIN CONTENT WITH LARGER IMAGE DIMENSION-->
                <source srcset="https://picsum.photos/id/1040/906/453" media="(min-width:768px)"/>
                <source srcset="https://picsum.photos/id/1040/768/384" media="(min-width:0)"/><img src="https://picsum.photos/id/1040/906/453" width="906" height="453" alt="#" loading="lazy"/>
                <!-- END RENDER CONTACT BOX IMAGE IN MAIN CONTENT WITH LARGER IMAGE DIMENSION-->
              </picture>
              <div class="c-contactbox__content">
                <div class="c-contactbox__information">
                  <h3 class="c-contactbox__title">Prof. Dr.-Ing. Hans-Peter Rabl</h3>
                  <div class="c-contactbox__description">
                    <p>Zusätzliche Beschreibung (optional) Cum sociis natoque penatibus et magnis</p>
                  </div>
                  <ul class="c-contactbox__list o-list-bare">
                    <li class="c-contactbox__list-item"><a class="c-contactbox__list-link" href="tel:+499419439710">
                        <svg class="c-contactbox__icon" viewBox="0 0 38 38.816">
                          <use xlink:href="Images/svg/sprite.symbol.svg#icon-phone-black"></use>
                        </svg><span class="c-contactbox__list-text">+49 (0)941 / 943 - 9710</span></a>
                    </li>
                    <li class="c-contactbox__list-item"><a class="c-contactbox__list-link" href="mailto:mustermann@oth-regensburg.de">
                        <svg class="c-contactbox__icon" viewBox="0 0 38 38.816">
                          <use xlink:href="Images/svg/sprite.symbol.svg#icon-letter-black"></use>
                        </svg><span class="c-contactbox__list-text">mustermann@oth-regensburg.de</span></a>
                    </li>
                  </ul>
                </div><span class="c-contactbox__cta">Alle Infos zur Person
                  <svg viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
                    <use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-right"></use>
                  </svg></span>
              </div><a class="c-contactbox__link" href="#container" title="Alle Informationen zu &quot;Prof. Dr.-Ing. Hans-Peter Rabl&quot;"></a>
              <script type="application/ld+json">
                {
                  "@context": "http://schema.org",
                  "@type": "Person",
                  "givenName": "Hans-Peter",
                  "familyName": "Rabl",
                  "honorificPrefix": "Prof. Dr.-Ing.",
                  "affiliation": "Fakultät Maschinenbau",
                  "email": "studienberatung@oth-regensburg.de ",
                  "telephone": "+4994194302",
                  "image": "http://photourl",
                  "address": "Galgenbergstraße 30, Raum D111",
                  "worksFor": "OTH Regensburg"
                }
              </script>
            </div>
          </div>
        </div>
        <div class="frame-space-after-large">
          <h2 class="u-headline-h4">Kontakt (2:1 Bild)</h2>
          <div class="u-mb-medium">
            <div class="c-contactbox">
              <picture class="c-contactbox__image">
                <!-- START RENDER CONTACT BOX IMAGE IN MAIN CONTENT WITH LARGER IMAGE DIMENSION-->
                <source srcset="https://picsum.photos/id/1040/906/453" media="(min-width:768px)"/>
                <source srcset="https://picsum.photos/id/1040/768/384" media="(min-width:0)"/><img src="https://picsum.photos/id/1040/906/453" width="906" height="453" alt="#" loading="lazy"/>
                <!-- END RENDER CONTACT BOX IMAGE IN MAIN CONTENT WITH LARGER IMAGE DIMENSION-->
              </picture>
              <div class="c-contactbox__content">
                <div class="c-contactbox__information">
                  <h3 class="c-contactbox__title">Prof. Dr.-Ing. Hans-Peter Rabl</h3>
                  <div class="c-contactbox__description">
                    <p>Zusätzliche Beschreibung (optional) Cum sociis natoque penatibus et magnis</p>
                  </div>
                  <ul class="c-contactbox__list o-list-bare">
                    <li class="c-contactbox__list-item"><a class="c-contactbox__list-link" href="tel:+499419439710">
                        <svg class="c-contactbox__icon" viewBox="0 0 38 38.816">
                          <use xlink:href="Images/svg/sprite.symbol.svg#icon-phone-black"></use>
                        </svg><span class="c-contactbox__list-text">+49 (0)941 / 943 - 9710</span></a>
                    </li>
                    <li class="c-contactbox__list-item"><a class="c-contactbox__list-link" href="mailto:mustermann@oth-regensburg.de">
                        <svg class="c-contactbox__icon" viewBox="0 0 38 38.816">
                          <use xlink:href="Images/svg/sprite.symbol.svg#icon-letter-black"></use>
                        </svg><span class="c-contactbox__list-text">mustermann@oth-regensburg.de</span></a>
                    </li>
                  </ul>
                </div><span class="c-contactbox__cta">Alle Infos zur Person
                  <svg viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
                    <use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-right"></use>
                  </svg></span>
              </div><a class="c-contactbox__link" href="#container" title="Alle Informationen zu &quot;Prof. Dr.-Ing. Hans-Peter Rabl&quot;"></a>
              <script type="application/ld+json">
                {
                  "@context": "http://schema.org",
                  "@type": "Person",
                  "givenName": "Hans-Peter",
                  "familyName": "Rabl",
                  "honorificPrefix": "Prof. Dr.-Ing.",
                  "affiliation": "Fakultät Maschinenbau",
                  "email": "studienberatung@oth-regensburg.de ",
                  "telephone": "+4994194302",
                  "image": "http://photourl",
                  "address": "Galgenbergstraße 30, Raum D111",
                  "worksFor": "OTH Regensburg"
                }
              </script>
            </div>
          </div>
        </div>
        <div class="frame-space-after-large">
          <h2 class="u-headline-h4">Kontakt (2:1 Bild)</h2>
          <div class="u-mb-medium">
            <div class="c-contactbox">
              <picture class="c-contactbox__image">
                <!-- START RENDER CONTACT BOX IMAGE IN MAIN CONTENT WITH LARGER IMAGE DIMENSION-->
                <source srcset="https://picsum.photos/id/1040/906/453" media="(min-width:768px)"/>
                <source srcset="https://picsum.photos/id/1040/768/384" media="(min-width:0)"/><img src="https://picsum.photos/id/1040/906/453" width="906" height="453" alt="#" loading="lazy"/>
                <!-- END RENDER CONTACT BOX IMAGE IN MAIN CONTENT WITH LARGER IMAGE DIMENSION-->
              </picture>
              <div class="c-contactbox__content">
                <div class="c-contactbox__information">
                  <h3 class="c-contactbox__title">Prof. Dr.-Ing. Hans-Peter Rabl</h3>
                  <div class="c-contactbox__description">
                    <p>Zusätzliche Beschreibung (optional) Cum sociis natoque penatibus et magnis</p>
                  </div>
                  <ul class="c-contactbox__list o-list-bare">
                    <li class="c-contactbox__list-item"><a class="c-contactbox__list-link" href="tel:+499419439710">
                        <svg class="c-contactbox__icon" viewBox="0 0 38 38.816">
                          <use xlink:href="Images/svg/sprite.symbol.svg#icon-phone-black"></use>
                        </svg><span class="c-contactbox__list-text">+49 (0)941 / 943 - 9710</span></a>
                    </li>
                    <li class="c-contactbox__list-item"><a class="c-contactbox__list-link" href="mailto:mustermann@oth-regensburg.de">
                        <svg class="c-contactbox__icon" viewBox="0 0 38 38.816">
                          <use xlink:href="Images/svg/sprite.symbol.svg#icon-letter-black"></use>
                        </svg><span class="c-contactbox__list-text">mustermann@oth-regensburg.de</span></a>
                    </li>
                  </ul>
                </div><span class="c-contactbox__cta">Alle Infos zur Person
                  <svg viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
                    <use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-right"></use>
                  </svg></span>
              </div><a class="c-contactbox__link" href="#container" title="Alle Informationen zu &quot;Prof. Dr.-Ing. Hans-Peter Rabl&quot;"></a>
              <script type="application/ld+json">
                {
                  "@context": "http://schema.org",
                  "@type": "Person",
                  "givenName": "Hans-Peter",
                  "familyName": "Rabl",
                  "honorificPrefix": "Prof. Dr.-Ing.",
                  "affiliation": "Fakultät Maschinenbau",
                  "email": "studienberatung@oth-regensburg.de ",
                  "telephone": "+4994194302",
                  "image": "http://photourl",
                  "address": "Galgenbergstraße 30, Raum D111",
                  "worksFor": "OTH Regensburg"
                }
              </script>
            </div>
          </div>
        </div>
        <div class="frame-space-after-large">
          <h2 class="u-headline-h4">Kontakt (2:1 Bild)</h2>
          <div class="u-mb-medium">
            <div class="c-contactbox">
              <picture class="c-contactbox__image">
                <!-- START RENDER CONTACT BOX IMAGE IN MAIN CONTENT WITH LARGER IMAGE DIMENSION-->
                <source srcset="https://picsum.photos/id/1040/906/453" media="(min-width:768px)"/>
                <source srcset="https://picsum.photos/id/1040/768/384" media="(min-width:0)"/><img src="https://picsum.photos/id/1040/906/453" width="906" height="453" alt="#" loading="lazy"/>
                <!-- END RENDER CONTACT BOX IMAGE IN MAIN CONTENT WITH LARGER IMAGE DIMENSION-->
              </picture>
              <div class="c-contactbox__content">
                <div class="c-contactbox__information">
                  <h3 class="c-contactbox__title">Prof. Dr.-Ing. Hans-Peter Rabl</h3>
                  <div class="c-contactbox__description">
                    <p>Zusätzliche Beschreibung (optional) Cum sociis natoque penatibus et magnis</p>
                  </div>
                  <ul class="c-contactbox__list o-list-bare">
                    <li class="c-contactbox__list-item"><a class="c-contactbox__list-link" href="tel:+499419439710">
                        <svg class="c-contactbox__icon" viewBox="0 0 38 38.816">
                          <use xlink:href="Images/svg/sprite.symbol.svg#icon-phone-black"></use>
                        </svg><span class="c-contactbox__list-text">+49 (0)941 / 943 - 9710</span></a>
                    </li>
                    <li class="c-contactbox__list-item"><a class="c-contactbox__list-link" href="mailto:mustermann@oth-regensburg.de">
                        <svg class="c-contactbox__icon" viewBox="0 0 38 38.816">
                          <use xlink:href="Images/svg/sprite.symbol.svg#icon-letter-black"></use>
                        </svg><span class="c-contactbox__list-text">mustermann@oth-regensburg.de</span></a>
                    </li>
                  </ul>
                </div><span class="c-contactbox__cta">Alle Infos zur Person
                  <svg viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
                    <use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-right"></use>
                  </svg></span>
              </div><a class="c-contactbox__link" href="#container" title="Alle Informationen zu &quot;Prof. Dr.-Ing. Hans-Peter Rabl&quot;"></a>
              <script type="application/ld+json">
                {
                  "@context": "http://schema.org",
                  "@type": "Person",
                  "givenName": "Hans-Peter",
                  "familyName": "Rabl",
                  "honorificPrefix": "Prof. Dr.-Ing.",
                  "affiliation": "Fakultät Maschinenbau",
                  "email": "studienberatung@oth-regensburg.de ",
                  "telephone": "+4994194302",
                  "image": "http://photourl",
                  "address": "Galgenbergstraße 30, Raum D111",
                  "worksFor": "OTH Regensburg"
                }
              </script>
            </div>
          </div>
        </div>
      </div>
    </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 161