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.
Aktuelle Projekte
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 "Ferienbetreuung an Ostern für Grundschulkinder" 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 "Online-Ringvorlesung "Interdisziplinäre Facetten der Nachhaltigkeit"" 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 "Interdisziplinäre Facetten der Nachhaltigkeit"</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 "Virtueller Infoabend zum berufsbegleitenden Bachelor Soziale Arbeit" 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 "Kurs »Stressprävention«" 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