HTML-Prototype der OTH-Regensburg

<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