CINXE.COM

<!DOCTYPE html> <html lang="de"> <head> <title>Home – TU Darmstadt</title> <meta charset="UTF-8"/> <meta name="viewport" content="width=device-width, initial-scale=1"/> <meta http-equiv="X-UA-Compatible" content="ie=edge"/> <meta name="dcterms.language" content="de"/> <meta name="dcterms.title" content="Home"/> <meta property="og:title" content="Home"/> <meta property="og:site_name" content="TU Darmstadt"/> <meta property="og:type" content="article"/> <meta name="twitter:card" content="summary"/> <meta name="twitter:title" content="Home"/> <meta property="og:image" content="https://www.tu-darmstadt.de/media/daa_responsives_design/01_die_universitaet_medien/aktuelles_6/news_1/bilder_2024/bg_preis_gute_lehre/_DSC3454_1180x0.jpg"/> <meta property="og:image:type" content="image/jpg"/> <meta property="og:image:width" content="1180"/> <meta property="og:image:height" content="787"/> <meta property="og:image:alt" content=""/> <meta name="twitter:image" content="https://www.tu-darmstadt.de/media/daa_responsives_design/01_die_universitaet_medien/aktuelles_6/news_1/bilder_2024/bg_preis_gute_lehre/_DSC3454_1180x0.jpg"/> <meta name="twitter:image:alt" content=""/> <meta name="ZOOMIMAGE" content="https://www.tu-darmstadt.de/media/daa_responsives_design/01_die_universitaet_medien/aktuelles_6/news_1/bilder_2024/bg_preis_gute_lehre/_DSC3454_285x0.jpg"/> <meta name="description" content="Homepage der Technischen Universität Darmstadt, Universität in Hessen, Deutschland."/> <meta property="og:description" content="Homepage der Technischen Universität Darmstadt, Universität in Hessen, Deutschland."/> <meta name="twitter:description" content="Homepage der Technischen Universität Darmstadt, Universität in Hessen, Deutschland."/> <meta name="dcterms.creator" content="Technische Universität Darmstadt"/> <meta name="google-site-verification" content="MhVJ4YhH6BFMk3VMQ_okf6dDKl64kAu05XQt9F__0qY"/> <meta name="robots" content="index,follow"/> <meta name="format-detection" content="telephone=no"/> <meta name="generator" content="FirstSpirit 5.2.240809.5a859e4"/> <link href="/media/resources/css_2/app_1.1.8.css" rel="stylesheet"/> <link href="/media/resources/css_2/themes_css/theme-9c.css" rel="stylesheet"/> <link rel="shortcut icon" type="image/x-icon" href="/media/resources/images_1/favicon_48x48.png"> <link rel="icon" type="image/png" href="/media/resources/images_1/favicon_48x48.png" sizes="48x48"> <link rel="icon" type="image/png" href="/media/resources/images_1/favicon_80x80.png" sizes="80x80"> <link rel="apple-touch-icon" sizes="80x80" href="/media/resources/images_1/favicon_80x80.png"> </head> <body> <div id="app"> <div id="site" class="wrap-xl"> <header id="site-header"> <desktop-menu :sitemap="sitemap" :fast-blocks="fastBlocks" :menu-path="menuPath" inline-template> <div id="desktop-menu" class="d-none d-print-none d-lg-block" @keydown.esc="onEsc()" :style="modalOpenStyle"> <a class="link skip-link show-on-focus" href="#site-main" aria-label="Menü überspringen">Menü überspringen</a> <div class="hold" ref="liner"> <div v-show="searchIsOpen" class="desktop-meta" id="desktop-search" :class="{active: searchIsOpen}" ref="searchArea" :aria-hidden="!searchIsOpen" aria-labelledby="#schnell-btn"> <div class="wrap-xl"> <div class="frame py-2 bg-white"> <div class="search-frame d-flex sans-h5"> <form class="search-form" action="suche.de.jsp" method="GET"> <input class="search-input" ref="searchInput" type="text" aria-label="Suche" placeholder="Suche nach …" name="q"> <button type="submit" aria-label="Abschicken"><span class="icon fasr fa-search" aria-hidden="true"></span></button> </form> <button ref="searchClose" type="button" aria-label="Element schließen" aria-controls="desktop-search" aria-expanded="searchIsOpen" @click="toggleSearchArea"><span class="icon fasr fa-times" aria-hidden="true"></span></button> </div> </div> </div> </div> <div v-show="fastIsOpen" class="desktop-meta" id="desktop-fast" ref="fastArea" :aria-hidden="!fastIsOpen" :class="{active: fastIsOpen}" aria-labelledby="desktop-fast-open"> <div class="frame py-4 bg-white"> <div class="stack-4"> <div class="sans-h5 strong d-flex"> <div class="flex-grow-1">Schnelleinstieg</div> <button type="button" ref="fastClose" id="desktop-fast-close" @click="toggleFastArea" @keydown.down="setFocus(itemRef('fast',0,0))" aria-label="Element schließen" aria-controls="desktop-fast" :aria-expanded="fastIsOpen"><span class="icon fasr fa-times" aria-hidden="true"></span></button></div> <div class="stop pb-1"> <div class="grid-4 fast-outer"> <div class="cell-1-2 outer-cell"> <div class="grid-2 fast-inner"> <div v-for="(group, i) in fastBlocks.slice(0,4)" class="fast-block cell-1-2 inner-cell" @mouseenter="fastBlocks[i].hover=true" @mouseleave="fastBlocks[i].hover=false" @focusin="fastBlocks[i].focus=true" @focusout="fastBlocks[i].focus=false"> <div class="p-2 pb-4 h-100 hold" :class="fastBlockBgClass(group.code, group.hover||group.focus||isTouch)"> <div v-if="!isTouch" class="block-overlay p-2 pb-4" :class="fastBlockOverClass(group.code, group.hover||group.focus)"> <p class="block-heading sans-h5 strong" v-html="group.heading"></p> </div> <div class="block-content stack-2" :class="fastBlockTextClass(group.code, group.hover||group.focus||isTouch)"> <p class="block-heading sans-h5 strong" v-html="group.heading"></p> <ul class="block-links list-unstyled stack-1"> <li v-for="(child, j) in group.children" class="sans-small"><a class="link d-inline-flex" :href="child.href" :ref="itemRef('fast',i,j)" @keydown.up="setFocus(j==0 ? i==0 ? 'fastClose': itemRef('fast',i-1,0) : itemRef('fast',i,j-1))" @keydown.down="setFocus(j==(group.children.length - 1) ? itemRef('fast',i+1,0) : itemRef('fast',i,j+1))" @keydown.left="setFocus(itemRef('fast',i-1,0))" @keydown.right="setFocus(itemRef('fast',i+1,0))"><span class="d-inline-block" aria-hidden="true"><span class="icon fass fa-long-arrow-right"></span></span><span class="d-inline-block">{{ child.heading }}</span></a></li> </ul> </div> </div> </div> </div> </div> <div class="cell-1-2 outer-cell"> <div class="grid-2 fast-inner"> <div v-for="(group, i) in fastBlocks.slice(4)" class="fast-block cell-1-2 inner-cell" @mouseenter="fastBlocks[i+4].hover=true" @mouseleave="fastBlocks[i+4].hover=false" @focusin="fastBlocks[i+4].focus=true" @focusout="fastBlocks[i+4].focus=false"> <div class="p-2 pb-4 h-100" :class="fastBlockBgClass(group.code, group.hover||group.focus||isTouch)"> <div v-if="!isTouch" class="block-overlay p-2 pb-4" :class="fastBlockOverClass(group.code, group.hover||group.focus)"> <p class="block-heading sans-h5 strong" v-html="group.heading"></p> </div> <div class="block-content stack-2" :class="fastBlockTextClass(group.code, group.hover||group.focus||isTouch)"> <p class="block-heading sans-h5 strong" v-html="group.heading"></p> <ul class="block-links list-unstyled stack-1"> <li v-for="(child, j) in group.children" class="sans-small"><a class="link d-inline-flex" :href="child.href" :ref="itemRef('fast',i+4,j)" @keydown.up="setFocus(j==0 ? itemRef('fast',i+4-1,0) : itemRef('fast',i+4,j-1))" @keydown.down="setFocus(j==(group.children.length - 1) ? itemRef('fast',i+4+1,0) : itemRef('fast',i+4,j+1))" @keydown.left="setFocus(itemRef('fast',i+3,0))" @keydown.right="setFocus(itemRef('fast',i+5,0))"><span class="d-inline-block" aria-hidden="true"><span class="icon fass fa-long-arrow-right"></span></span><span class="d-inline-block">{{ child.heading }}</span></a></li> </ul> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="desktop-main" ref="mainArea"> <div class="wrap-xl hold"> <div class="menu-border border-key"></div> <div class="menu-logo frame bg-white"> <div class="row"> <div class="col-1-4 offset-9-12">  <div class="hold" style="margin-top:-14px;"> <div class="menu-logo-area"> <a class="bg-gr5 link link-outer" href="https://www.tu-darmstadt.de/" accesskey="1" aria-label="Zur Startseite der TU Darmstadt [Alt(+Shift)+1]" title="Zur Startseite der TU Darmstadt [Alt(+Shift)+1]"><picture><source srcset="/media/resources/images_1/tu_logo_web.svg" media="(min-width: 900px)"><img src="/media/resources/images_1/tu_logo_web_h120.svg" alt="Logo der TU Darmstadt" /></picture></a> </div> </div>  </div> </div> </div> <div class="menu-frame frame bg-white"> <div class="py-2"> <div class="grid"> <div class="cell-3-4 stack-2"> <ul class="meta-headings list-unstyled sans-mini strong w-75"> <li class="meta-heading mr-auto"><button class="link text-gr1" type="button" id="desktop-fast-open" :ref="refPath('meta',0)" @keydown.left.prevent="setFocus(refPath('meta',3))" @keydown.right.prevent="setFocus(refPath('meta',1))" @keydown.down.prevent="setFocus(refPath('main',0))" @click="toggleFastArea"><span class="icon fasr fa-external-link-square" aria-hidden="true"></span>Schnelleinstieg</button></li> <li class="meta-item mr-auto"> <a class="language-selector link text-gr1" href="index.en.jsp" :ref="refPath("meta",1)" @keydown.left.prevent="setFocus(refPath("meta",0))" @keydown.right.prevent="setFocus(refPath("meta",2))" @keydown.down.prevent="setFocus(refPath("main",1))"><span class="icon fasl fa-globe-europe" aria-hidden="true"></span>English</a> </li> <li class="meta-item mr-auto"><button class="link text-gr1" type="button" accesskey="4" title="[Alt(+Shift)+4]" :ref="refPath('meta',2)" @keydown.left.prevent="setFocus(refPath('meta',1))" @keydown.right.prevent="setFocus(refPath('meta',3))" @keydown.down.prevent="setFocus(refPath('main',2))" @click="toggleSearchArea"><span class="icon fasr fa-search" aria-hidden="true"></span>Suche</button></li> <li class="meta-item mr-auto" data-matomo-mask>  <a class="text-gr1 link" accesskey="i" title="Mit TU-ID am Webauftritt anmelden [Alt(+Shift)+i]" href="https://login.tu-darmstadt.de/idp/profile/cas/login?service=https%3A%2F%2Fwww.tu-darmstadt.de%2Findex.de.jsp" :ref="refPath("meta",3)" @keydown.left.prevent="setFocus(refPath("meta",2))" @keydown.right.prevent="setFocus(refPath("meta",0))" @keydown.down.prevent="setFocus(refPath("main",3))"><span class="icon fasr fa-user" aria-hidden="true"></span>Anmelden</a>  </li> </ul> <ul class="main-headings list-unstyled sans-h4b strong" :class="{'in-focus': path.length>0}"> <li v-for="(level0, i) in sitemap.slice(0,4)" class="main-heading" :key="level0.heading" :class="{active: menuPathDesktop.indexOf(level0.uid)>=0}"><a v-if="!level0.children || level0.displaySeparateSubmenu==true" :href="level0.href" :accesskey="level0.accesskey" :title="level0.title" :id="level0.headID" :aria-controls="level0.bodyID" :aria-expanded="hasPath(i)" :ref="refPath('main',i)" :class="{proxied: isFocPath(i,-1), onpath: hasFocPath(i)}" @focus="setFocPath(i)" @keydown.left.prevent="setFocus(refPath('main',i-1))" @keydown.right.prevent="setFocus(refPath('main',i+1))" @keydown.up.prevent="setFocus(refPath('meta',i))"><span v-html="level0.heading"></span><span class="icon fasr fa-lock text-right" v-if="level0.internal" title="Anmeldung erforderlich (TU-ID)"></span></a><button v-else type="button" aria-haspopup="true" :id="level0.headID" :aria-controls="level0.bodyID" :aria-expanded="hasPath(i)" :ref="refPath('main',i)" :class="{proxied: isFocPath(i,-1), onpath: hasFocPath(i)}" @focus="setFocPath(i)" @click="setSubFocus(i)" @keydown.left.prevent="setFocus(refPath('main',i-1))" @keydown.right.prevent="setFocus(refPath('main',i+1))" @keydown.up.prevent="setFocus(refPath('meta',i))" v-html="level0.heading"></button></li> </ul> </div> <div class="cell-1-4"> <div class="d-flex h-100 stack"> <div class="sans-h5 align-self-end text-right w-100"> <button type="button" @click="toggleSearchArea" aria-hidden="true" tabindex="-1"><span class="icon fasr fa-search"></span><span class="sr-only">Suche öffnen</span></button> <a class="text-gr0 ml-1 outline" aria-hidden="true" tabindex="-1" href="https://www.tu-darmstadt.de/" title="Zur Startseite der Institution"><span class="icon fasr fa-home"></span><span class="sr-only">Zur Startseite der Institution</span></a> </div> </div> </div> </div> </div> <div id="menu-collapse" class="d-none hold"> <nav> <ul class="main-panels list-unstyled"> <li v-for="(level0, i) in sitemap" v-show="hasPath(i)" class="main-panel" :key="level0.heading" :ref="refPath('panel', i)"> <div v-if="level0.hasIndexPage && level0.href" class="panel-heading" :class="{'in-focus': hasPath(i, -1)}"> <p class="sans-h5"><a class="link-outer strong d-block w-100 text-left p-2" :href="level0.href" :accesskey="level0.accesskey" :title="level0.title" :ref="refPath('main',i,-1)" :class="{selected: menuPathDesktop.indexOf(level0.headID)>=0}" @focus="setFocPath(i,-1)" @mouseenter="hoverFocus" @keydown.exact.tab.shift.prevent="setParentFocus(i)" @keydown.up.prevent="setParentFocus(i)" @keydown.down.prevent="setFocus(refPath('main',i,0))" @keydown.exact.tab.prevent="setFocus(refPath('main',i,0))"><span class="link-inner">Übersicht</span><span class="icon fasr fa-lock text-right" v-if="level0.internal" title="Anmeldung erforderlich (TU-ID)"></span></a></p> </div> <ul v-show="hasPath(i)" class="panel-menu level-1 list-unstyled" :ref="refPath('panel-menu', i)" :id="level0.bodyID" :aria-hidden="!hasPath(i)" :aria-labelledby="level0.headID" :class="{ focusin: hasFocPath(i) }"> <li v-for="(level1, j) in level0.children" class="menu-item sans-h5" :class="{'in-focus': hasPath(i,j)}"><a v-if="!level1.children || level1.displaySeparateSubmenu==true" class="strong d-block w-100 text-left px-2 py-1" :href="level1.href" :accesskey="level1.accesskey" :title="level1.title" :ref="itemRef('main',i,j)" :class="{onpath: hasFocPath(i,j), selected: menuPathDesktop.indexOf(level1.uid)>-1}" @focus="setFocPath(i,j)" @mouseenter="hoverFocus" @keydown.up.prevent="setFocus(refPath('main',i,j-1))" @keydown.down.prevent="setFocus(refPath('main',i,j+1))" @keydown.exact.tab.shift.prevent="setFocus(refPath('main',i,j-1))" @keydown.exact.tab.prevent="setFocus(refPath('main',i,j+1))"><span v-html="level1.heading"></span><span class="icon fasr fa-lock text-right" v-if="level1.internal" title="Anmeldung erforderlich (TU-ID)"></span></a> <button v-else class="strong d-block w-100 text-left px-2 py-1" type="button" aria-haspopup="true" :id="level1.headID" :aria-controls="level1.bodyID" :aria-expanded="hasPath(i,j)" :ref="itemRef('main',i,j)" :class="{onpath: hasFocPath(i,j), selected: menuPathDesktop.indexOf(level1.uid)>-1}" @focus="setFocPath(i,j)" @mouseenter="hoverFocus" @keydown.up.prevent="setFocus(refPath('main',i,j-1))" @keydown.down.prevent="setFocus(refPath('main',i,j+1))" @keydown.exact.tab.shift.prevent="setFocus(refPath('main',i,j-1))" @keydown.exact.tab.prevent="setFocus(refPath('main',i,j+1))" @keydown.right.prevent="clickSelf" @click="setSubFocus(i,j);removeMenuPath();"><span v-html="iconifyLastWord(level1.heading)"></span></button> <ul v-if="level1.children && level1.displaySeparateSubmenu!=true" v-show="hasPath(i,j) || menuPathDesktop.indexOf(level1.uid)>-1" class="panel-menu level-2 list-unstyled" :ref="refPath('panel-menu', i,j)" :id="level1.bodyID" :aria-labelledby="level1.headID" :aria-hidden="!hasPath(i,j)" :class="{ focusin: hasFocPath(i,j)}"> <li v-if="level1.hasIndexPage && level1.href" class="menu-heading"><a class="strong d-block w-100 text-left px-2 py-1" :href="level1.href" :accesskey="level1.accesskey" :title="level1.title" :ref="refPath('main',i,j,-1)" :class="{selected: menuPathDesktop.indexOf(level1.uid)>-1 && isSelected(level1.children) > 0}" @focus="setFocPath(i,j,-1)" @mouseenter="hoverFocus" @keydown.exact.tab.shift.prevent="setParentFocus(i,j)" @keydown.left.prevent="setParentFocus(i,j)" @keydown.up.prevent="setParentFocus(i,j)" @keydown.down.prevent="setFocus(refPath('main',i,j,0))" @keydown.exact.tab.prevent="setFocus(refPath('main',i,j,0))">Übersicht<span class="icon fasr fa-lock text-right" v-if="level1.internal" title="Anmeldung erforderlich (TU-ID)"></span></a></li> <li v-for="(level2, k) in level1.children" class="menu-item sans-h5" :class="{'in-focus': hasPath(i,j,k)}"><a v-if="!level2.children || level2.displaySeparateSubmenu==true" class="strong d-block w-100 text-left px-2 py-1" :href="level2.href" :accesskey="level2.accesskey" :title="level2.title" :ref="itemRef('main',i,j,k)" :id="menuPath.indexOf(level2.uid)" :class="{onpath: hasFocPath(i,j,k), selected: menuPathDesktop.indexOf(level2.uid)>-1}" @focus="setFocPath(i,j,k)" @mouseenter="hoverFocus" @keydown.left.prevent="setFocus(refPath('main',i,j)); setPath(i)" @keydown.up.prevent="setFocus(refPath('main',i,j,k-1))" @keydown.down.prevent="setFocus(refPath('main',i,j,k+1))" @keydown.exact.tab.shift.prevent="setFocus(refPath('main',i,j,k-1))" @keydown.exact.tab.prevent="setFocus(refPath('main',i,j,k+1))"><span v-html="level2.heading"></span><span class="icon fasr fa-lock text-right" v-if="level2.internal" title="Anmeldung erforderlich (TU-ID)"></span></a><button v-else class="strong d-block w-100 text-left px-2 py-1" type="button" aria-haspopup="true" :id="level2.headID" :aria-controls="level2.bodyID" :aria-expanded="hasPath(i,j,k)" :ref="itemRef('main',i,j,k)" :class="{onpath: hasFocPath(i,j,k), selected: menuPathDesktop.indexOf(level2.uid)>-1}" @focus="setFocPath(i,j,k)" @mouseenter="hoverFocus" @keydown.left.prevent="setFocus(refPath('main',i,j)); setPath(i)" @keydown.up.prevent="setFocus(refPath('main',i,j,k-1))" @keydown.down.prevent="setFocus(refPath('main',i,j,k+1))" @keydown.exact.tab.shift.prevent="setFocus(refPath('main',i,j,k-1))" @keydown.exact.tab.prevent="setFocus(refPath('main',i,j,k+1))" @keydown.right.prevent="clickSelf" @click="setSubFocus(i,j,k);removeMenuPath();"><span v-html="iconifyLastWord(level2.heading)"></span></button> <ul v-if="level2.children && level2.displaySeparateSubmenu!=true" v-show="hasPath(i,j,k) || menuPathDesktop.indexOf(level2.uid)>-1" class="panel-menu level-3 list-unstyled" :ref="refPath('panel-menu', i,j,k)" :id="level2.bodyID" :aria-hidden="!hasPath(i,j,k)" :aria-labelledby="level2.headID" :class="{ focusin: hasFocPath(i,j,k)}"> <li v-if="level2.hasIndexPage && level2.href" class="menu-heading"><a class="strong d-block w-100 text-left px-2 py-1" :href="level2.href" :accesskey="level2.accesskey" :title="level2.title" :ref="refPath('main',i,j,k,-1)" :class="{selected: menuPathDesktop.indexOf(level2.uid)>-1 && isSelected(level2.children) > 0}" @focus="setFocPath(i,j,k,-1)" @mouseenter="hoverFocus" @keydown.exact.tab.shift.prevent="setParentFocus(i,j,k)" @keydown.left.prevent="setParentFocus(i,j,k)" @keydown.up.prevent="setParentFocus(i,j,k)" @keydown.down.prevent="setFocus(refPath('main',i,j,k,0))" @keydown.exact.tab.prevent="setFocus(refPath('main',i,j,k,0))">Übersicht<span class="icon fasr fa-lock text-right" v-if="level2.internal" title="Anmeldung erforderlich (TU-ID)"></span></a></li> <li v-for="(level3, l) in level2.children" class="menu-item sans-h5" :class="{'in-focus': hasPath(i,j,k,l)}"><a class="strong d-block w-100 text-left px-2 py-1" :href="level3.href" :accesskey="level3.accesskey" :title="level3.title" :ref="itemRef('main',i,j,k,l)" :id="menuPath.indexOf(level3.uid)" :class="{selected: menuPathDesktop.indexOf(level3.uid)>-1}" @focus="setFocPath(i,j,k,l)" @mouseenter="hoverFocus" @keydown.left.prevent="setFocus(refPath('main',i,j,k)); setPath(i,j)" @keydown.up.prevent="setFocus(refPath('main',i,j,k,l-1))" @keydown.down.prevent="setFocus(refPath('main',i,j,k,l+1))" @keydown.exact.tab.shift.prevent="setFocus(refPath('main',i,j,k,l-1))" @keydown.exact.tab.prevent="setFocus(refPath('main',i,j,k,l+1))"><span v-html="level3.heading"></span><span class="icon fasr fa-lock text-right" v-if="level3.internal" title="Anmeldung erforderlich (TU-ID)"></span></a></li> </ul> </li> </ul> </li> </ul> </li> </ul> </nav> </div> </div> </div> <div class="overlay" :class="{active: fastIsOpen||searchIsOpen}"></div> </div> </div> </div> </desktop-menu> <phablet-menu :sitemap="sitemap" :fast-blocks="fastBlocks" :menu-path="menuPath" inline-template> <div class="d-lg-none d-print-block" id="phablet-menu" :style="modalOpenStyle"> <div class="menu-border border-key"></div> <div class="menu-logo frame bg-white"> <div class="row"> <div class="col-5-12 col-sm-1-3 col-md-1-4 offset-7-12 offset-sm-2-3 offset-md-3-4"> <div class="bleed-right mr-sm-0">  <div class="hold" style="margin-top:-14px;"> <div class="menu-logo-area"> <a class="bg-gr5 link link-outer" href="https://www.tu-darmstadt.de/" aria-label="Zur Startseite der TU Darmstadt" title="Zur Startseite der TU Darmstadt"><picture><source srcset="/media/resources/images_1/tu_logo_web.svg" media="(min-width: 900px)"><img src="/media/resources/images_1/tu_logo_web_h120.svg" alt="Logo der TU Darmstadt" /></picture></a> </div> </div>  </div> </div> </div> </div> <div class="menu-frame frame bg-white border-key d-print-none"> <div class="row h-100"> <div class="col-7-12 col-sm-2-3 d-flex align-content-center"> <button type="button" id="phablet-overlay-toggle" :aria-label="menuOpen?'Close Menu':'Open Menu'" aria-controls="phablet-overlay" :aria-expanded="menuOpen" @click="toggleMenu(0);"> <div class="bars"></div> </button> </div> </div> </div> <div id="phablet-overlay" class="d-print-none" :class="{active: menuOpen}" ref="overlay"> <div class="py-4"></div> <div class="fast-pusher" :style="fastPusherStyle" ref="fastPusher"> <div class="main-menu"> <div class="main-pusher" :style="mainPusherStyle" ref="mainPusher"> <div class="level level-0 frame" ref="top"> <div class="stack-4 py-6 px-1"> <div class="stack-5"> <div class="sans-h3 strong" v-for="(lv0, k) in sitemap"> <button type="button" class="next d-flex w-100" :class="{'text-key': menuPath.indexOf(lv0.uid)>=0}" @click="setPath(k)" v-if="lv0.children"> <div class="text-left" v-html="lv0.heading"></div> <div class="ml-auto"><span class="icon fass fa-angle-right"></span></div> </button> <a class="next page" :href="lv0.href" :class="{'text-key': menuPath.indexOf(lv0.uid)>=0 && menuPath.indexOf(lv0.uid)==menuPath.length-1}" v-else><span v-html="lv0.heading"></span><span class="icon fasr fa-lock text-right" v-if="lv0.internal" title="Anmeldung erforderlich (TU-ID)"></span></a></div> </div> </div> </div> <div class="level level-1 frame" :id="lv0.headID" v-for="(lv0, k) in sitemap" v-if="validLevel(lv0)" v-show="hasPath(k)" :ref="genPath(k)"> <div class="stack-4 py-6 px-1"> <div class="sans-h3 strong"> <button type="button" class="back d-flex text-gr1" @click="setPath()"> <span class="d-inline-block icon fass fa-angle-left mr my-auto"></span> <span class="d-inline-block" v-html="lv0.heading"></span> </button> </div> <div class="border-bottom border-gr3"></div> <div class="stack-5"> <div class="sans-h3 strong d-flex pb-1" v-if="lv0.hasIndexPage && lv0.href"> <a class="page" :href="lv0.href" :class="{'text-key': menuPath.indexOf(lv0.uid)>=0 && menuPath.indexOf(lv0.uid)==menuPath.length-1}">Übersicht<span class="icon fasr fa-lock text-right" v-if="lv0.internal" title="Anmeldung erforderlich (TU-ID)"></span></a> </div> <div class="sans-h3 strong" v-for="(lv1, l) in lv0.children"> <button type="button" class="next d-flex w-100" :class="{'text-key': menuPath.indexOf(lv1.uid)>=0}" @click="setPath(k,l)" v-if="validLevel(lv1)"> <div class="text-left" v-html="lv1.heading"></div> <div class="ml-auto"><span class="icon fass fa-angle-right"></span></div> </button> <a class="next page" :href="lv1.href" :class="{'text-key': menuPath.indexOf(lv1.uid)>=0 && menuPath.indexOf(lv1.uid)==menuPath.length-1}" v-else><span v-html="lv1.heading"></span><span class="icon fasr fa-lock text-right" v-if="lv1.internal" title="Anmeldung erforderlich (TU-ID)"></span></a> </div> </div> </div> </div> <template v-for="(lv0, k) in sitemap" v-if="validLevel(lv0)"> <div class="level level-2 frame" :id="lv1.headID" v-for="(lv1, l) in lv0.children" v-if="validLevel(lv1)" v-show="hasPath(k,l)" :ref="genPath(k,l)"> <div class="stack-4 py-6 px-1"> <div class="sans-h3 strong"> <button type="button" class="back d-flex text-gr1" @click="setPath(k)"> <span class="d-inline-block icon fass fa-angle-left mr my-auto"></span> <span class="d-inline-block" v-html="lv1.heading"></span> </button> </div> <div class="border-bottom border-gr3"></div> <div class="stack-5"> <div class="sans-h3 strong d-flex pb-1" v-if="lv1.hasIndexPage && lv1.href"> <a class="page" :href="lv1.href" :class="{'text-key': menuPath.indexOf(lv1.uid)>=0 && menuPath.indexOf(lv1.uid)==menuPath.length-1}">Übersicht<span class="icon fasr fa-lock text-right" v-if="lv1.internal" title="Anmeldung erforderlich (TU-ID)"></span></a> </div> <div class="sans-h3 strong" v-for="(lv2, m) in lv1.children"> <button type="button" class="next d-flex w-100" :class="{'text-key': menuPath.indexOf(lv2.uid)>=0}" @click="setPath(k,l,m)" v-if="validLevel(lv2)"> <div class="text-left" v-html="lv2.heading"></div> <div class="ml-auto"><span class="icon fass fa-angle-right"></span></div> </button> <a class="next page" :href="lv2.href" :class="{'text-key': menuPath.indexOf(lv2.uid)>=0 && menuPath.indexOf(lv2.uid)==menuPath.length-1}" v-else><span v-html="lv2.heading"></span><span class="icon fasr fa-lock text-right" v-if="lv2.internal" title="Anmeldung erforderlich (TU-ID)"></span></a> </div> </div> </div> </div> </template> <template v-for="(lv0, k) in sitemap" v-if="validLevel(lv0)"> <template v-for="(lv1, l) in lv0.children" v-if="validLevel(lv1)"> <div class="level level-3 frame" :id="lv2.headID" v-for="(lv2, m) in lv1.children" v-if="validLevel(lv2)" v-show="hasPath(k,l,m)" :ref="genPath(k,l,m)"> <div class="stack-4 py-6 px-1"> <div class="sans-h3 strong"> <button type="button" class="back d-flex text-gr1" @click="setPath(k,l)"> <span class="d-inline-block icon fass fa-angle-left mr my-auto"></span> <span class="d-inline-block" v-html="lv2.heading"></span> </button> </div> <div class="border-bottom border-gr3"></div> <div class="stack-5"> <div class="sans-h3 strong d-flex pb-1" v-if="lv2.hasIndexPage && lv2.href"> <a class="page" :href="lv2.href" :class="{'text-key': menuPath.indexOf(lv2.uid)>=0 && menuPath.indexOf(lv2.uid)==menuPath.length-1}">Übersicht<span class="icon fasr fa-lock text-right" v-if="lv2.internal" title="Anmeldung erforderlich (TU-ID)"></span></a> </div> <div class="sans-h3 strong" v-for="(lv3, n) in lv2.children"> <button type="button" class="next d-flex w-100" :class="{'text-key': menuPath.indexOf(lv3.uid)>=0}" @click="setPath(k,l,m,n)" v-if="validLevel(lv3)"> <div class="text-left" v-html="lv3.heading"></div> <div class="ml-auto"><span class="icon fass fa-angle-right"></span></div> </button> <a class="next page" :href="lv3.href" :class="{'text-key': menuPath.indexOf(lv3.uid)>=0 && menuPath.indexOf(lv3.uid)==menuPath.length-1}" v-else><span v-html="lv3.heading"></span><span class="icon fasr fa-lock text-right" v-if="lv3.internal" title="Anmeldung erforderlich (TU-ID)"></span></a> </div> </div> </div> </div> </template> </template> <template v-for="(lv0, k) in sitemap" v-if="validLevel(lv0)"> <template v-for="(lv1, l) in lv0.children" v-if="validLevel(lv1)"> <template v-for="(lv2, m) in lv1.children" v-if="validLevel(lv2)"> <div class="level level-4 frame" :id="lv3.headID" v-for="(lv3, n) in lv2.children" v-if="validLevel(lv3)" v-show="hasPath(k,l,m,n)" :ref="genPath(k,l,m,n)"> <div class="stack-4 py-6 px-1"> <div class="sans-h3 strong"> <button type="button" class="back d-flex text-gr1" @click="setPath(k,l,m)"> <span class="d-inline-block icon fass fa-angle-left mr my-auto"></span> <span class="d-inline-block" v-html="lv3.heading"></span> </button> </div> <div class="border-bottom border-gr2"></div> <div class="stack-5"> <div class="sans-h3 strong d-flex pb-1" v-if="lv3.hasIndexPage && lv3.href"> <a class="page" :href="lv3.href" :class="{'text-key': menuPath.indexOf(lv3.uid)>=0 && menuPath.indexOf(lv3.uid)==menuPath.length-1}">Übersicht<span class="icon fasr fa-lock text-right" v-if="lv3.internal" title="Anmeldung erforderlich (TU-ID)"></span></a> </div> <div class="sans-h3 strong" v-for="(lv4, o) in lv3.children"> <button type="button" class="next d-flex w-100" :class="{'text-key': menuPath.indexOf(lv4.uid)>=0}" @click="setPath(k,l,m,n,o)" v-if="validLevel(lv4)"> <div class="text-left" v-html="lv4.heading"></div> <div class="ml-auto"><span class="icon fass fa-angle-right"></span></div> </button> <a class="next page" :href="lv4.href" :class="{'text-key': menuPath.indexOf(lv4.uid)>=0 && menuPath.indexOf(lv4.uid)==menuPath.length-1}" v-else><span v-html="lv4.heading"></span><span class="icon fasr fa-lock text-right" v-if="lv4.internal" title="Anmeldung erforderlich (TU-ID)"></span></a> </div> </div> </div> </div> </template> </template> </template> <template v-for="(lv0, k) in sitemap" v-if="validLevel(lv0)"> <template v-for="(lv1, l) in lv0.children" v-if="validLevel(lv1)"> <template v-for="(lv2, m) in lv1.children" v-if="validLevel(lv2)"> <template v-for="(lv3, n) in lv2.children" v-if="validLevel(lv3)"> <div class="level level-5 frame" :id="lv4.headID" v-for="(lv4, o) in lv3.children" v-if="validLevel(lv4)" v-show="hasPath(k,l,m,n,o)" :ref="genPath(k,l,m,n,o)"> <div class="stack-4 py-6 px-1"> <div class="sans-h3 strong"> <button type="button" class="back d-flex text-gr1" @click="setPath(k,l,m,n)"> <span class="d-inline-block icon fass fa-angle-left mr my-auto"></span> <span class="d-inline-block" v-html="lv4.heading"></span> </button> </div> <div class="border-bottom border-gr2"></div> <div class="stack-5"> <div class="sans-h3 strong d-flex pb-1" v-if="lv4.hasIndexPage && lv4.href"> <a class="page" :href="lv4.href" :class="{'text-key': menuPath.indexOf(lv4.uid)>=0 && menuPath.indexOf(lv4.uid)==menuPath.length-1}">Übersicht<span class="icon fasr fa-lock text-right" v-if="lv4.internal" title="Anmeldung erforderlich (TU-ID)"></span></a> </div> <div class="sans-h3 strong" v-for="(lv5, p) in lv4.children"> <button type="button" class="next d-flex w-100" :class="{'text-key': menuPath.indexOf(lv5.uid)>=0}" @click="setPath(k,l,m,n,o,p)" v-if="validLevel(lv5)"> <div class="text-left" v-html="lv5.heading"></div> <div class="ml-auto"><span class="icon fass fa-angle-right"></span></div> </button> <a class="next page" :href="lv5.href" :class="{'text-key': menuPath.indexOf(lv5.uid)>=0 && menuPath.indexOf(lv5.uid)==menuPath.length-1}" v-else><span v-html="lv5.heading"></span><span class="icon fasr fa-lock text-right" v-if="lv5.internal" title="Anmeldung erforderlich (TU-ID)"></span></a> </div> </div> </div> </div> </template> </template> </template> </template> <template v-for="(lv0, k) in sitemap" v-if="validLevel(lv0)"> <template v-for="(lv1, l) in lv0.children" v-if="validLevel(lv1)"> <template v-for="(lv2, m) in lv1.children" v-if="validLevel(lv2)"> <template v-for="(lv3, n) in lv2.children" v-if="validLevel(lv3)"> <template v-for="(lv4, o) in lv3.children" v-if="validLevel(lv4)"> <div class="level level-5 frame" :id="lv5.headID" v-for="(lv5, p) in lv4.children" v-if="validLevel(lv5)" v-show="hasPath(k,l,m,n,o,p)" :ref="genPath(k,l,m,n,o,p)"> <div class="stack-4 py-6 px-1"> <div class="sans-h3 strong"> <button type="button" class="back d-flex text-gr1" @click="setPath(k,l,m,n,o)"> <span class="d-inline-block icon fass fa-angle-left mr my-auto"></span> <span class="d-inline-block" v-html="lv5.heading"></span> </button> </div> <div class="border-bottom border-gr2"></div> <div class="stack-5"> <div class="sans-h3 strong d-flex pb-1" v-if="lv5.hasIndexPage && lv5.href"> <a class="page" :href="lv5.href" :class="{'text-key': menuPath.indexOf(lv5.uid)>=0 && menuPath.indexOf(lv5.uid)==menuPath.length-1}">Übersicht<span class="icon fasr fa-lock text-right" v-if="lv5.internal" title="Anmeldung erforderlich (TU-ID)"></span></a> </div> <div class="sans-h3 strong" v-for="(lv6, q) in lv5.children"> <a class="next page" :href="lv6.href" :class="{'text-key': menuPath.indexOf(lv6.uid)>=0 && menuPath.indexOf(lv6.uid)==menuPath.length-1}"><span v-html="lv6.heading"></span><span class="icon fasr fa-lock text-right" v-if="lv6.internal" title="Anmeldung erforderlich (TU-ID)"></span></a> </div> </div> </div> </div> </template> </template> </template> </template> </template> </div> <div class="hanger frame"> <div class="stack-5 pt-2 pb-6 px-1"> <form class="stack-2" action="suche.de.jsp" method="get"> <div class="form-group row"> <label class="sr-only strong form-text" for="phabletSearch">Search</label> <div class="col col-11-12"> <input class="form-control" id="phabletSearch" type="search" placeholder="Suche nach …" name="q"> </div> <div class="col col-1-12 my-auto"> <button type="submit" aria-label="submit"><span class="icon fasr fa-search text-gr1"></span></button> </div> </div> </form> <div class="sans-body"> <button type="button" class="link d-block text-gr1" id="phablet-schnell-btn" aria-label="Schnelleinstieg" aria-controls="phablet-fast-menu" :aria-expanded="fastMenuOpen" @click="toggleFastMenu"><span class="icon fasr fa-external-link-square"></span>Schnelleinstieg </button> </div> <div class="sans-body"> <a class="language-selector link text-gr1 d-block" href="index.en.jsp"><span class="icon fasl fa-globe-europe" aria-hidden="true"></span>English</a> </div> <div class="sans-body" data-matomo-mask>  <a class="text-gr1 link d-block text-gr1" accesskey="i" title="Mit TU-ID am Webauftritt anmelden [Alt(+Shift)+i]" href="https://login.tu-darmstadt.de/idp/profile/cas/login?service=https%3A%2F%2Fwww.tu-darmstadt.de%2Findex.de.jsp"><span class="icon fasr fa-user" aria-hidden="true"></span>Anmelden</a>  </div> <div class="sans-body"> <a class="text-gr1 link d-block" href="https://www.tu-darmstadt.de/" title="Home"> <span class="icon fasr fa-home"></span>Home </a> </div> </div> </div> </div> <div class="frame" id="phablet-fast-menu"> <div class="stack-6 py-6 px-1"> <div class="sans-h3 strong d-flex"> <p>Schnelleinstieg</p> <button type="button" class="ml-auto" aria-controls="phablet-fast-menu" :aria-expanded="fastMenuOpen" @click="toggleFastMenu"><span class="icon fasr fa-times"></span></button> </div> <div class="stack-1"> <div class="fast-block" v-for="(group, i) in fastBlocks"> <phablet-fast-item @toggle="activeFastItem = fastBlocks[i]" :active="activeFastItem == fastBlocks[i]" :theme-key="group.code" :key="group.code"> <span class="sans-h4" slot="tab">{{group.heading}}</span> <div class="stack-2 px-3 pt-3 pb-6 strong" slot="panel"> <p v-for="(child, j) in group.children"> <a class="link" :href="child.href">{{child.heading}}</a> </p> </div> </phablet-fast-item> </div> </div> </div> </div> </div> </div> <div id="phablet-fast-overlay" class="d-print-none" :class="{active: fastMenuOpen}" ref="fastOverlay"></div> </div> </phablet-menu> <page-header inline-template> <div id="page-header" class="d-print-none wrap-xl"> <div class="hold bg-gr2 illu-area"> <div id="slider" class="carousel slide has-indicators"> <ul class="carousel-inner list-unstyled"><li class="carousel-item active"> <div class="position-relative"> <div class="position-relative h-0 w-100" style="padding-bottom:50%"> <img class="lazy position-absolute w-100 h-100 cover" data-src="/media/daa_responsives_design/01_die_universitaet_medien/aktuelles_6/news_1/bilder_2024/bg_preis_gute_lehre/_DSC3454_1300x650.jpg" alt=""/> <div class="position-absolute credits sans-credits credits-overlay">Bild: Klaus Mai</div> </div> </div> <div class="info-frame frame-md"> <div class="row"> <div class="info-leader col col-1-1 col-md-10 align-self-end"> <a class="link link-outer" href="universitaet/aktuelles_meldungen/einzelansicht_482816.de.jsp"> <div class="info-bg bg-gr5 p-2"> <div class="liner stack-2"> <p class="serif-h2 strong"> Innovation und Vielfalt in der Lehre: TUDa zeichnet Best-Practice-Modelle aus </p> <p class="link-inner sans-mini"><span class="icon fass fa-arrow-right-long" aria-hidden="true"></span>Mehr erfahren</p> </div> </div> </a> </div> </div> </div> </li><li class="carousel-item"> <div class="position-relative"> <div class="position-relative h-0 w-100" style="padding-bottom:50%"> <img class="lazy position-absolute w-100 h-100 cover" data-src="/media/daa_responsives_design/01_die_universitaet_medien/aktuelles_6/news_1/bilder_2024/20241120_tag_der_lehre_11_1300x650.jpg" alt=""/> <div class="position-absolute credits sans-credits credits-overlay">Bild: TU Darmstadt / Klaus Mai</div> </div> </div> <div class="info-frame frame-md"> <div class="row"> <div class="info-leader col col-1-1 col-md-10 align-self-end"> <a class="link link-outer" href="universitaet/aktuelles_meldungen/einzelansicht_483136.de.jsp"> <div class="info-bg bg-gr5 p-2"> <div class="liner stack-2"> <p class="serif-h2 strong"> Interview mit Vizepräsident Warzecha zum Tag der Lehre </p> <p class="link-inner sans-mini"><span class="icon fass fa-arrow-right-long" aria-hidden="true"></span>Mehr erfahren</p> </div> </div> </a> </div> </div> </div> </li><li class="carousel-item"> <div class="position-relative"> <div class="position-relative h-0 w-100" style="padding-bottom:50%"> <img class="lazy position-absolute w-100 h-100 cover" data-src="/media/daa_responsives_design/01_die_universitaet_medien/aktuelles_6/news_1/bilder_2024/green_convinience/Team_GreenConveniance3_credits_Heike_Juengst_002_1300x650.jpg" alt=""/> <div class="position-absolute credits sans-credits credits-overlay">Bild: Heike Jüngst</div> </div> </div> <div class="info-frame frame-md"> <div class="row"> <div class="info-leader col col-1-1 col-md-10 align-self-end"> <a class="link link-outer" href="universitaet/aktuelles_meldungen/einzelansicht_482752.de.jsp"> <div class="info-bg bg-gr5 p-2"> <div class="liner stack-2"> <p class="serif-h2 strong"> Paketzustellung: Wie das Start-up „Green Convenience“ die letzte Meile revolutioniert </p> <p class="link-inner sans-mini"><span class="icon fass fa-arrow-right-long" aria-hidden="true"></span>Mehr erfahren</p> </div> </div> </a> </div> </div> </div> </li></ul> <a class="carousel-control carousel-control-prev" href="#slider" role="button" data-slide="prev"><span class="icon fass fa-chevron-left fa-2x" aria-hidden="true"></span><span class="sr-only">Zurück</span></a> <a class="carousel-control carousel-control-next" href="#slider" role="button" data-slide="next"><span class="icon fass fa-chevron-right fa-2x" aria-hidden="true"></span><span class="sr-only">Vor</span></a> <ol class="carousel-indicators cust-indicators position-absolute pt-1" role="tablist"> <li id="tab-0" class="link link-outer active" data-target="#slider" data-slide-to="0" aria-controls="tabpanel-0" aria-selected="true" role="tab" tabindex="-1"><span class="sr-only">Gehe zu Bild 1</span></li> <li id="tab-1" class="link link-outer" data-target="#slider" data-slide-to="1" aria-controls="tabpanel-1" aria-selected="false" role="tab" tabindex="-1"><span class="sr-only">Gehe zu Bild 2</span></li> <li id="tab-2" class="link link-outer" data-target="#slider" data-slide-to="2" aria-controls="tabpanel-2" aria-selected="false" role="tab" tabindex="-1"><span class="sr-only">Gehe zu Bild 3</span></li> </ol> <button class="d-none d-md-block pause-button position-absolute sans-h4 text-gr1 hover-text-gr0 text-align-center"><span class="icon fasr fa-pause-circle" aria-hidden="true"></span><span class="sr-only">Pause</span></button> </div> <div class="info-teaser frame-md d-print-none theme-light"> <div class="row"> <div class="col col-1-1 col-md-1-4 offset-md-3-4 pb-md-2 align-self-end"> <div class="hold"> <div class="info-teaser-box bg-key text-white p-2"> <div class="stack-2"> <p class="strong sans-h4">Exzellenzstrategie</p> <p class="sans-mini pre-line">Chance auf Exzellenzcluster: Die TU bewirbt sich mit ihren Projekten Reasonable Artificial Intelligence, The Adaptive Mind und CoM2Life.</p> <p class="sans-mini"><a class="link" href="#exzellenz_news"><span class="icon" aria-hidden="true"><span class="fass fa-long-arrow-right"></span></span>Mehr erfahren</a> </p> </div> </div> </div> </div> </div> </div> <div class="overlay" :class="{active: overlay}" @click="overlayClick" tabindex="-1" aria-hidden="true"></div> </div> </div> </page-header> </header> <main id="site-main" class="theme-light" tabindex="-1"> <div class="frame"> <div class="grid"> <div class="cell-12 cell-md-9"> <section class="pt-5 pb-5"> <div class="grid"> <div class="cell-12 cell-md-8-9 stack-3"> <h1 class="serif-h1">Über die TU Darmstadt</h1> <p class="sans-lead pre-line">Die Technische Universität Darmstadt steht für exzellente und relevante Wissenschaft.</p> </div> </div> </section> </div> <div class="cell-12 cell-md-3"> <div class="d-none d-md-block d-print-none pt-5"></div>   </div> </div> </div> <nav id="toc" class="navbar navbar-light bg-white d-none d-lg-block d-print-none mb-2 position-sticky w-100"> <div class="frame"> <div class="grid-2"> <div class="cell-12"> <ul class="d-flex nav justify-content-between" role="tablist"> <li class="nav-item d-flex flex-fill m-0 text-center"> <a class="nav-link btn btn-gr2 btn-small d-flex h-100 text-wrap w-100" href="#exzellenz_news"> <span class="d-inline-block m-auto">Exzellenzstrategie</span> </a> </li> <li class="nav-item d-flex flex-fill m-0 text-center"> <a class="nav-link btn btn-gr2 btn-small d-flex h-100 text-wrap w-100" href="#news_teaser_de"> <span class="d-inline-block m-auto">News und Veranstaltungen</span> </a> </li> <li class="nav-item d-flex flex-fill m-0 text-center"> <a class="nav-link btn btn-gr2 btn-small d-flex h-100 text-wrap w-100" href="#rankings"> <span class="d-inline-block m-auto">Rankings</span> </a> </li> <li class="nav-item d-flex flex-fill m-0 text-center"> <a class="nav-link btn btn-gr2 btn-small d-flex h-100 text-wrap w-100" href="#auf_einen_blick"> <span class="d-inline-block m-auto">auf einen Blick</span> </a> </li> <li class="nav-item d-flex flex-fill m-0 text-center"> <a class="nav-link btn btn-gr2 btn-small d-flex h-100 text-wrap w-100" href="#netzwerke"> <span class="d-inline-block m-auto">Netzwerke</span> </a> </li> </ul> </div> </div> </div> </nav> <div id="toc_content"> <section class="frame section-group mb-0" id="exzellenz_news" > <div class="grid-2"> <div class="cell-12"> <section class="frame mb-5 content-section" id="absatz_0"> <div class="grid-4 mb-1"> <div class="cell-12"> <div class="d-flex align-items-center"> <div class="flex-grow-1"> <h2 class="serif-h2"> Exzellenzstrategie </h2> </div> <div class="flex-grow-0 d-sm-none text-right"> <button class="text-gr0 hover-text-gr1" onclick="$(this).closest('section').find('.carousel').carousel('prev');"><span class="icon fasr fa-angle-left fa-2x" aria-hidden="true"></span><span class="sr-only">Zurück</span></button> <button class="text-gr0 hover-text-gr1" onclick="$(this).closest('section').find('.carousel').carousel('next');"><span class="icon fasr fa-angle-right fa-2x" aria-hidden="true"></span><span class="sr-only">Vor</span></button> </div> </div> </div> <div class="d-none d-sm-block cell-12 cell-sm-6 cell-md-4"> <a class="flex-column link link-outer h-100 bg-white hover-bg-key hover-group hover-text-white" href="universitaet/aktuelles_meldungen/einzelansicht_482176.de.jsp"> <div class="flex-grow-0 bg-white"> <div class="position-relative d-none d-sm-block"> <div class="position-relative h-0 w-100" style="padding-bottom:75%"> <img class="lazy position-absolute w-100 h-100 cover" data-src="/media/daa_responsives_design/01_die_universitaet_medien/aktuelles_6/news_1/bilder_2024/CoM2Life_web_0x282.jpg" alt=""/> <div class="position-absolute credits sans-credits credits-overlay">Bild: Lars Möller</div> </div> </div> <div class="position-relative d-sm-none"> <div class="position-relative h-0 w-100" style="padding-bottom:56.21%"> <img class="lazy position-absolute w-100 h-100 cover" data-src="/media/daa_responsives_design/01_die_universitaet_medien/aktuelles_6/news_1/bilder_2024/CoM2Life_web_0x267.jpg" alt=""/> <div class="position-absolute credits sans-credits credits-overlay">Bild: Lars Möller</div> </div> </div> </div> <div class="teaser-body pt-2 px-2 d-flex flex-column flex-grow-1 hyphens"> <div class="stack-1"> <p class="sans-small"> 18. November 2024 </p> <h3 class="sans-h4 pb-1"> Strukturbildung weicher Materie verstehen und gestalten </h3> <p class="sans-small mb-0"> DFG-Graduiertenkolleg 2516 mit Beteiligung der TU Darmstadt verlängert </p> </div> </div> <div class="group-hover-visible text-right d-flex align-items-center mt-0 pr-2 pb-1" aria-hidden="true"> <div class="link-inner sans-h2 strong ml-auto text-white group-hover-text-white"><span class="icon fass fa-arrow-right"></span></div> </div> </a> </div> <div class="d-none d-sm-block cell-12 cell-sm-6 cell-md-4"> <a class="flex-column link link-outer h-100 bg-white hover-bg-key hover-group hover-text-white" href="universitaet/aktuelles_meldungen/einzelansicht_481664.de.jsp"> <div class="flex-grow-0 bg-white"> <div class="position-relative d-none d-sm-block"> <div class="position-relative h-0 w-100" style="padding-bottom:75%"> <img class="lazy position-absolute w-100 h-100 cover" data-src="/media/daa_responsives_design/01_die_universitaet_medien/aktuelles_6/news_1/bilder_2024/Begutachtung_ExStra_0x282.jpg" alt="Lupe auf wissenschaftlichem Paper"/> <div class="position-absolute credits sans-credits credits-overlay">Bild: Lucki Ai/Adobe Stock (KI-generiert)</div> </div> </div> <div class="position-relative d-sm-none"> <div class="position-relative h-0 w-100" style="padding-bottom:56.21%"> <img class="lazy position-absolute w-100 h-100 cover" data-src="/media/daa_responsives_design/01_die_universitaet_medien/aktuelles_6/news_1/bilder_2024/Begutachtung_ExStra_475x0.jpg" alt="Lupe auf wissenschaftlichem Paper"/> <div class="position-absolute credits sans-credits credits-overlay">Bild: Lucki Ai/Adobe Stock (KI-generiert)</div> </div> </div> </div> <div class="teaser-body pt-2 px-2 d-flex flex-column flex-grow-1 hyphens"> <div class="stack-1"> <p class="sans-small"> 15. November 2024 </p> <h3 class="sans-h4 pb-1"> Die entscheidende Phase der Exzellenzclusteranträge hat begonnen </h3> <p class="sans-small mb-0"> Begutachtung durch Expertinnen und Experten startet </p> </div> </div> <div class="group-hover-visible text-right d-flex align-items-center mt-0 pr-2 pb-1" aria-hidden="true"> <div class="link-inner sans-h2 strong ml-auto text-white group-hover-text-white"><span class="icon fass fa-arrow-right"></span></div> </div> </a> </div> <div class="d-none d-sm-block cell-12 cell-sm-6 cell-md-4"> <a class="flex-column link link-outer h-100 bg-white hover-bg-key hover-group hover-text-white" href="universitaet/aktuelles_meldungen/einzelansicht_478848.de.jsp"> <div class="flex-grow-0 bg-white"> <div class="position-relative d-none d-sm-block"> <div class="position-relative h-0 w-100" style="padding-bottom:75%"> <img class="lazy position-absolute w-100 h-100 cover" data-src="/media/daa_responsives_design/01_die_universitaet_medien/aktuelles_6/news_1/bilder_2024/ryon_0x282.jpg" alt=""/> <div class="position-absolute credits sans-credits credits-overlay">Bild: Centre for Synthetic Biology</div> </div> </div> <div class="position-relative d-sm-none"> <div class="position-relative h-0 w-100" style="padding-bottom:56.21%"> <img class="lazy position-absolute w-100 h-100 cover" data-src="/media/daa_responsives_design/01_die_universitaet_medien/aktuelles_6/news_1/bilder_2024/ryon_475x0.jpg" alt=""/> <div class="position-absolute credits sans-credits credits-overlay">Bild: Centre for Synthetic Biology</div> </div> </div> </div> <div class="teaser-body pt-2 px-2 d-flex flex-column flex-grow-1 hyphens"> <div class="stack-1"> <p class="sans-small"> 04. November 2024 </p> <h3 class="sans-h4 pb-1"> Erfolgreiche Konzepte mit Biomaterialen ryon Summer School unter dem Motto „Von der Idee zum Start-up" </h3> </div> </div> <div class="group-hover-visible text-right d-flex align-items-center mt-0 pr-2 pb-1" aria-hidden="true"> <div class="link-inner sans-h2 strong ml-auto text-white group-hover-text-white"><span class="icon fass fa-arrow-right"></span></div> </div> </a> </div> <div class="d-block d-sm-none carousel slide tiles-carousel cell-12 px-0 mr-2 mr-sm-0" id="newsteaser_14691585"> <ul class="carousel-inner list-unstyled"> <li class="carousel-item cell-12 active"> <a class="flex-column link link-outer h-100 bg-white hover-bg-key hover-group hover-text-white" href="universitaet/aktuelles_meldungen/einzelansicht_482176.de.jsp"> <div class="flex-grow-0 bg-white"> <div class="position-relative d-none d-sm-block"> <div class="position-relative h-0 w-100" style="padding-bottom:75%"> <img class="lazy position-absolute w-100 h-100 cover" data-src="/media/daa_responsives_design/01_die_universitaet_medien/aktuelles_6/news_1/bilder_2024/CoM2Life_web_0x282.jpg" alt=""/> <div class="position-absolute credits sans-credits credits-overlay">Bild: Lars Möller</div> </div> </div> <div class="position-relative d-sm-none"> <div class="position-relative h-0 w-100" style="padding-bottom:56.21%"> <img class="lazy position-absolute w-100 h-100 cover" data-src="/media/daa_responsives_design/01_die_universitaet_medien/aktuelles_6/news_1/bilder_2024/CoM2Life_web_0x267.jpg" alt=""/> <div class="position-absolute credits sans-credits credits-overlay">Bild: Lars Möller</div> </div> </div> </div> <div class="teaser-body pt-2 px-2 d-flex flex-column flex-grow-1 hyphens"> <div class="stack-1"> <p class="sans-small"> 18. November 2024 </p> <h3 class="sans-h4 pb-1"> Strukturbildung weicher Materie verstehen und gestalten </h3> <p class="sans-small mb-0"> DFG-Graduiertenkolleg 2516 mit Beteiligung der TU Darmstadt verlängert </p> </div> </div> <div class="group-hover-visible text-right d-flex align-items-center mt-0 pr-2 pb-1" aria-hidden="true"> <div class="link-inner sans-h2 strong ml-auto text-white group-hover-text-white"><span class="icon fass fa-arrow-right"></span></div> </div> </a> </li> <li class="carousel-item cell-12"> <a class="flex-column link link-outer h-100 bg-white hover-bg-key hover-group hover-text-white" href="universitaet/aktuelles_meldungen/einzelansicht_481664.de.jsp"> <div class="flex-grow-0 bg-white"> <div class="position-relative d-none d-sm-block"> <div class="position-relative h-0 w-100" style="padding-bottom:75%"> <img class="lazy position-absolute w-100 h-100 cover" data-src="/media/daa_responsives_design/01_die_universitaet_medien/aktuelles_6/news_1/bilder_2024/Begutachtung_ExStra_0x282.jpg" alt="Lupe auf wissenschaftlichem Paper"/> <div class="position-absolute credits sans-credits credits-overlay">Bild: Lucki Ai/Adobe Stock (KI-generiert)</div> </div> </div> <div class="position-relative d-sm-none"> <div class="position-relative h-0 w-100" style="padding-bottom:56.21%"> <img class="lazy position-absolute w-100 h-100 cover" data-src="/media/daa_responsives_design/01_die_universitaet_medien/aktuelles_6/news_1/bilder_2024/Begutachtung_ExStra_475x0.jpg" alt="Lupe auf wissenschaftlichem Paper"/> <div class="position-absolute credits sans-credits credits-overlay">Bild: Lucki Ai/Adobe Stock (KI-generiert)</div> </div> </div> </div> <div class="teaser-body pt-2 px-2 d-flex flex-column flex-grow-1 hyphens"> <div class="stack-1"> <p class="sans-small"> 15. November 2024 </p> <h3 class="sans-h4 pb-1"> Die entscheidende Phase der Exzellenzclusteranträge hat begonnen </h3> <p class="sans-small mb-0"> Begutachtung durch Expertinnen und Experten startet </p> </div> </div> <div class="group-hover-visible text-right d-flex align-items-center mt-0 pr-2 pb-1" aria-hidden="true"> <div class="link-inner sans-h2 strong ml-auto text-white group-hover-text-white"><span class="icon fass fa-arrow-right"></span></div> </div> </a> </li> <li class="carousel-item cell-12"> <a class="flex-column link link-outer h-100 bg-white hover-bg-key hover-group hover-text-white" href="universitaet/aktuelles_meldungen/einzelansicht_478848.de.jsp"> <div class="flex-grow-0 bg-white"> <div class="position-relative d-none d-sm-block"> <div class="position-relative h-0 w-100" style="padding-bottom:75%"> <img class="lazy position-absolute w-100 h-100 cover" data-src="/media/daa_responsives_design/01_die_universitaet_medien/aktuelles_6/news_1/bilder_2024/ryon_0x282.jpg" alt=""/> <div class="position-absolute credits sans-credits credits-overlay">Bild: Centre for Synthetic Biology</div> </div> </div> <div class="position-relative d-sm-none"> <div class="position-relative h-0 w-100" style="padding-bottom:56.21%"> <img class="lazy position-absolute w-100 h-100 cover" data-src="/media/daa_responsives_design/01_die_universitaet_medien/aktuelles_6/news_1/bilder_2024/ryon_475x0.jpg" alt=""/> <div class="position-absolute credits sans-credits credits-overlay">Bild: Centre for Synthetic Biology</div> </div> </div> </div> <div class="teaser-body pt-2 px-2 d-flex flex-column flex-grow-1 hyphens"> <div class="stack-1"> <p class="sans-small"> 04. November 2024 </p> <h3 class="sans-h4 pb-1"> Erfolgreiche Konzepte mit Biomaterialen ryon Summer School unter dem Motto „Von der Idee zum Start-up" </h3> </div> </div> <div class="group-hover-visible text-right d-flex align-items-center mt-0 pr-2 pb-1" aria-hidden="true"> <div class="link-inner sans-h2 strong ml-auto text-white group-hover-text-white"><span class="icon fass fa-arrow-right"></span></div> </div> </a> </li> </ul> </div> </div> </section> <section class="frame mb-5 content-section" id="absatz_1"> <div class="grid-4"> <div class="cell-11 cell-sm-6 cell-lg-4 offset-lg-1 order-1 pl-3 pl-sm-4 pr-sm-1 quote-image-right"> <div class="position-relative stack-2 w-100 mb-0 pb-100"> <img class="contact-img d-flex position-absolute w-100 h-100 cover" src="/media/daa_responsives_design/03_forschung_medien/clusterprojekte/Cluster_1300x570px_0x500.jpg" alt=""/> <div class="d-md-none facts-display-mobile facts-border border-key" aria-hidden="true"></div> <div class="position-absolute credits sans-credits credits-circle credits-facts text-center">Bild: iStock.com/LPETTET</div> </div> </div> <div class="cell-12 cell-sm-6 cell-lg-4 order-2 pl-sm-1 pr-sm-4"> <h2 class="sans-h3 quote-heading mt-2">Exzellenzstrategie des Bundes und der Länder</h2> <div class="d-none d-md-block facts-border border-key mb-2"> </div> <p class="sans-lead pre-line">Die TU Darmstadt stellt Vollanträge für ihre Projekte Reasonable Artificial Intelligence (RAI) , The Adaptive Mind (TAM) und CoM2Life – und bewirbt sich damit für die Förderlinie Exzellenzcluster.</p> </div> </div> </section> <section class="d-print-none frame mb-5 mt-reduced content-section" id="absatz_2"> <div class="grid"> <div class="cell-12 stack-1 text-center"> <a class="btn btn-key btn-sm-lg" href="forschen/cluster_projekte_projects_excellence/index.de.jsp" role="button"> Die Projekte </a> </div> </div> </section> </div> </div> </section> <section class="frame mb-5 bg-gr5" id="news_teaser_de"> <div class="grid-4 mb-1 py-md-4"> <div class="cell-12"> <div class="d-flex align-items-center"> <div class="flex-grow-1"> <h2 class="serif-h2"> Mehr News und kommende Veranstaltungen </h2> </div> <div class="flex-grow-0 d-sm-none text-right"> <button class="text-gr0 hover-text-gr1" onclick="$(this).closest('section').find('.carousel').carousel('prev');"><span class="icon fasr fa-angle-left fa-2x" aria-hidden="true"></span><span class="sr-only">Zurück</span></button> <button class="text-gr0 hover-text-gr1" onclick="$(this).closest('section').find('.carousel').carousel('next');"><span class="icon fasr fa-angle-right fa-2x" aria-hidden="true"></span><span class="sr-only">Vor</span></button> </div> </div> </div> <div class="d-none d-sm-block cell-12 cell-sm-6 cell-md-4"> <a class="flex-column link link-outer h-100 bg-white hover-bg-key hover-group hover-text-white" href="universitaet/aktuelles_meldungen/einzelansicht_482176.de.jsp"> <div class="flex-grow-0 bg-white"> <div class="position-relative d-none d-sm-block"> <div class="position-relative h-0 w-100" style="padding-bottom:75%"> <img class="lazy position-absolute w-100 h-100 cover" data-src="/media/daa_responsives_design/01_die_universitaet_medien/aktuelles_6/news_1/bilder_2024/CoM2Life_web_0x282.jpg" alt=""/> <div class="position-absolute credits sans-credits credits-overlay">Bild: Lars Möller</div> </div> </div> <div class="position-relative d-sm-none"> <div class="position-relative h-0 w-100" style="padding-bottom:56.21%"> <img class="lazy position-absolute w-100 h-100 cover" data-src="/media/daa_responsives_design/01_die_universitaet_medien/aktuelles_6/news_1/bilder_2024/CoM2Life_web_0x267.jpg" alt=""/> <div class="position-absolute credits sans-credits credits-overlay">Bild: Lars Möller</div> </div> </div> </div> <div class="teaser-body pt-2 px-2 d-flex flex-column flex-grow-1 hyphens"> <div class="stack-1"> <p class="sans-small"> 18. November 2024 </p> <h3 class="sans-h4 pb-1"> Strukturbildung weicher Materie verstehen und gestalten </h3> <p class="sans-small mb-0"> DFG-Graduiertenkolleg 2516 mit Beteiligung der TU Darmstadt verlängert </p> </div> </div> <div class="group-hover-visible text-right d-flex align-items-center mt-0 pr-2 pb-1" aria-hidden="true"> <div class="link-inner sans-h2 strong ml-auto text-white group-hover-text-white"><span class="icon fass fa-arrow-right"></span></div> </div> </a> </div> <div class="d-none d-sm-block cell-12 cell-sm-6 cell-md-4"> <a class="flex-column link link-outer h-100 bg-white hover-bg-key hover-group hover-text-white" href="universitaet/aktuelles_meldungen/einzelansicht_481792.de.jsp"> <div class="flex-grow-0 bg-white"> <div class="position-relative d-none d-sm-block"> <div class="position-relative h-0 w-100" style="padding-bottom:75%"> <img class="lazy position-absolute w-100 h-100 cover" data-src="/media/daa_responsives_design/01_die_universitaet_medien/aktuelles_6/news_1/bilder_2024/20241113_festakt_30_j_gleichberechtigungsgesetz_22_0x282.jpg" alt=""/> <div class="position-absolute credits sans-credits credits-overlay">Bild: Patrick Bal/TU Darmstadt</div> </div> </div> <div class="position-relative d-sm-none"> <div class="position-relative h-0 w-100" style="padding-bottom:56.21%"> <img class="lazy position-absolute w-100 h-100 cover" data-src="/media/daa_responsives_design/01_die_universitaet_medien/aktuelles_6/news_1/bilder_2024/20241113_festakt_30_j_gleichberechtigungsgesetz_22_475x0.jpg" alt=""/> <div class="position-absolute credits sans-credits credits-overlay">Bild: Patrick Bal/TU Darmstadt</div> </div> </div> </div> <div class="teaser-body pt-2 px-2 d-flex flex-column flex-grow-1 hyphens"> <div class="stack-1"> <p class="sans-small"> 15. November 2024 </p> <h3 class="sans-h4 pb-1"> 30 Jahre Hessisches Gleichberechtigungsgesetz </h3> <p class="sans-small mb-0"> Festakt an der TU Darmstadt </p> </div> </div> <div class="group-hover-visible text-right d-flex align-items-center mt-0 pr-2 pb-1" aria-hidden="true"> <div class="link-inner sans-h2 strong ml-auto text-white group-hover-text-white"><span class="icon fass fa-arrow-right"></span></div> </div> </a> </div> <div class="d-none d-sm-block cell-12 cell-sm-6 cell-md-4"> <a class="flex-column link link-outer h-100 bg-white hover-bg-key hover-group hover-text-white" href="universitaet/aktuelles_meldungen/einzelansicht_481664.de.jsp"> <div class="flex-grow-0 bg-white"> <div class="position-relative d-none d-sm-block"> <div class="position-relative h-0 w-100" style="padding-bottom:75%"> <img class="lazy position-absolute w-100 h-100 cover" data-src="/media/daa_responsives_design/01_die_universitaet_medien/aktuelles_6/news_1/bilder_2024/Begutachtung_ExStra_0x282.jpg" alt="Lupe auf wissenschaftlichem Paper"/> <div class="position-absolute credits sans-credits credits-overlay">Bild: Lucki Ai/Adobe Stock (KI-generiert)</div> </div> </div> <div class="position-relative d-sm-none"> <div class="position-relative h-0 w-100" style="padding-bottom:56.21%"> <img class="lazy position-absolute w-100 h-100 cover" data-src="/media/daa_responsives_design/01_die_universitaet_medien/aktuelles_6/news_1/bilder_2024/Begutachtung_ExStra_475x0.jpg" alt="Lupe auf wissenschaftlichem Paper"/> <div class="position-absolute credits sans-credits credits-overlay">Bild: Lucki Ai/Adobe Stock (KI-generiert)</div> </div> </div> </div> <div class="teaser-body pt-2 px-2 d-flex flex-column flex-grow-1 hyphens"> <div class="stack-1"> <p class="sans-small"> 15. November 2024 </p> <h3 class="sans-h4 pb-1"> Die entscheidende Phase der Exzellenzclusteranträge hat begonnen </h3> <p class="sans-small mb-0"> Begutachtung durch Expertinnen und Experten startet </p> </div> </div> <div class="group-hover-visible text-right d-flex align-items-center mt-0 pr-2 pb-1" aria-hidden="true"> <div class="link-inner sans-h2 strong ml-auto text-white group-hover-text-white"><span class="icon fass fa-arrow-right"></span></div> </div> </a> </div> <div class="d-block d-sm-none carousel slide tiles-carousel cell-12 px-0 mr-2 mr-sm-0" id="newsteaser_10837499"> <ul class="carousel-inner list-unstyled"> <li class="carousel-item cell-12 active"> <a class="flex-column link link-outer h-100 bg-white hover-bg-key hover-group hover-text-white" href="universitaet/aktuelles_meldungen/einzelansicht_482176.de.jsp"> <div class="flex-grow-0 bg-white"> <div class="position-relative d-none d-sm-block"> <div class="position-relative h-0 w-100" style="padding-bottom:75%"> <img class="lazy position-absolute w-100 h-100 cover" data-src="/media/daa_responsives_design/01_die_universitaet_medien/aktuelles_6/news_1/bilder_2024/CoM2Life_web_0x282.jpg" alt=""/> <div class="position-absolute credits sans-credits credits-overlay">Bild: Lars Möller</div> </div> </div> <div class="position-relative d-sm-none"> <div class="position-relative h-0 w-100" style="padding-bottom:56.21%"> <img class="lazy position-absolute w-100 h-100 cover" data-src="/media/daa_responsives_design/01_die_universitaet_medien/aktuelles_6/news_1/bilder_2024/CoM2Life_web_0x267.jpg" alt=""/> <div class="position-absolute credits sans-credits credits-overlay">Bild: Lars Möller</div> </div> </div> </div> <div class="teaser-body pt-2 px-2 d-flex flex-column flex-grow-1 hyphens"> <div class="stack-1"> <p class="sans-small"> 18. November 2024 </p> <h3 class="sans-h4 pb-1"> Strukturbildung weicher Materie verstehen und gestalten </h3> <p class="sans-small mb-0"> DFG-Graduiertenkolleg 2516 mit Beteiligung der TU Darmstadt verlängert </p> </div> </div> <div class="group-hover-visible text-right d-flex align-items-center mt-0 pr-2 pb-1" aria-hidden="true"> <div class="link-inner sans-h2 strong ml-auto text-white group-hover-text-white"><span class="icon fass fa-arrow-right"></span></div> </div> </a> </li> <li class="carousel-item cell-12"> <a class="flex-column link link-outer h-100 bg-white hover-bg-key hover-group hover-text-white" href="universitaet/aktuelles_meldungen/einzelansicht_481792.de.jsp"> <div class="flex-grow-0 bg-white"> <div class="position-relative d-none d-sm-block"> <div class="position-relative h-0 w-100" style="padding-bottom:75%"> <img class="lazy position-absolute w-100 h-100 cover" data-src="/media/daa_responsives_design/01_die_universitaet_medien/aktuelles_6/news_1/bilder_2024/20241113_festakt_30_j_gleichberechtigungsgesetz_22_0x282.jpg" alt=""/> <div class="position-absolute credits sans-credits credits-overlay">Bild: Patrick Bal/TU Darmstadt</div> </div> </div> <div class="position-relative d-sm-none"> <div class="position-relative h-0 w-100" style="padding-bottom:56.21%"> <img class="lazy position-absolute w-100 h-100 cover" data-src="/media/daa_responsives_design/01_die_universitaet_medien/aktuelles_6/news_1/bilder_2024/20241113_festakt_30_j_gleichberechtigungsgesetz_22_475x0.jpg" alt=""/> <div class="position-absolute credits sans-credits credits-overlay">Bild: Patrick Bal/TU Darmstadt</div> </div> </div> </div> <div class="teaser-body pt-2 px-2 d-flex flex-column flex-grow-1 hyphens"> <div class="stack-1"> <p class="sans-small"> 15. November 2024 </p> <h3 class="sans-h4 pb-1"> 30 Jahre Hessisches Gleichberechtigungsgesetz </h3> <p class="sans-small mb-0"> Festakt an der TU Darmstadt </p> </div> </div> <div class="group-hover-visible text-right d-flex align-items-center mt-0 pr-2 pb-1" aria-hidden="true"> <div class="link-inner sans-h2 strong ml-auto text-white group-hover-text-white"><span class="icon fass fa-arrow-right"></span></div> </div> </a> </li> <li class="carousel-item cell-12"> <a class="flex-column link link-outer h-100 bg-white hover-bg-key hover-group hover-text-white" href="universitaet/aktuelles_meldungen/einzelansicht_481664.de.jsp"> <div class="flex-grow-0 bg-white"> <div class="position-relative d-none d-sm-block"> <div class="position-relative h-0 w-100" style="padding-bottom:75%"> <img class="lazy position-absolute w-100 h-100 cover" data-src="/media/daa_responsives_design/01_die_universitaet_medien/aktuelles_6/news_1/bilder_2024/Begutachtung_ExStra_0x282.jpg" alt="Lupe auf wissenschaftlichem Paper"/> <div class="position-absolute credits sans-credits credits-overlay">Bild: Lucki Ai/Adobe Stock (KI-generiert)</div> </div> </div> <div class="position-relative d-sm-none"> <div class="position-relative h-0 w-100" style="padding-bottom:56.21%"> <img class="lazy position-absolute w-100 h-100 cover" data-src="/media/daa_responsives_design/01_die_universitaet_medien/aktuelles_6/news_1/bilder_2024/Begutachtung_ExStra_475x0.jpg" alt="Lupe auf wissenschaftlichem Paper"/> <div class="position-absolute credits sans-credits credits-overlay">Bild: Lucki Ai/Adobe Stock (KI-generiert)</div> </div> </div> </div> <div class="teaser-body pt-2 px-2 d-flex flex-column flex-grow-1 hyphens"> <div class="stack-1"> <p class="sans-small"> 15. November 2024 </p> <h3 class="sans-h4 pb-1"> Die entscheidende Phase der Exzellenzclusteranträge hat begonnen </h3> <p class="sans-small mb-0"> Begutachtung durch Expertinnen und Experten startet </p> </div> </div> <div class="group-hover-visible text-right d-flex align-items-center mt-0 pr-2 pb-1" aria-hidden="true"> <div class="link-inner sans-h2 strong ml-auto text-white group-hover-text-white"><span class="icon fass fa-arrow-right"></span></div> </div> </a> </li> </ul> </div> </div> </section> <section class="d-print-none frame mb-5 mt-reduced bg-gr5 pb-4" id="call_to_action_button_cta_nur_responsive_design"> <div class="grid"> <div class="cell-12 stack-1 text-center"> <a class="btn btn-key btn-sm-lg" href="universitaet/aktuelles_meldungen/nachrichten/index.de.jsp" role="button" title="Aktuelles"> Mehr News lesen </a> </div> </div> </section> <section class="frame mb-5 content-section bg-gr5 py-5" id="infobox"> <div class="grid-2"> <div class="cell-12 cell-md-8"> <div class="bg-white p-2"> <div class="d-block d-md-flex"> <div class="fasl fa-newspaper fa-4x float-left float-md-none mr-2 text-key" aria-hidden="true"></div> <div class="flex-grow-1 stack-2"> <h3 class="sans-lead"> Kurz gemeldet </h3> <p class="sans-body running-text"><a class="link" href="universitaet/aktuelles_meldungen/kurzgemeldet/index.de.jsp#mecre_konferenz" title="Internationale Konferenz zu Metallen als erneuerbare Energieträger"><span class="icon" aria-hidden="true"><span class="fass fa-long-arrow-right"></span></span>Internationale Konferenz zu Metallen als erneuerbare Energieträger</a> </p><p class="sans-body running-text"><a class="link" href="universitaet/aktuelles_meldungen/kurzgemeldet/index.de.jsp#publikation_ctnr" title="Neue Publikation zu Technologie und Rüstungskontrolle"><span class="icon" aria-hidden="true"><span class="fass fa-long-arrow-right"></span></span>Neue Publikation zu Technologie und Rüstungskontrolle</a> </p><p class="sans-body running-text"><a class="link" href="universitaet/aktuelles_meldungen/kurzgemeldet/index.de.jsp#medienschau_cco" title="Medienschau: TU-CCO Honecker zur Funktion von Wissenschaftskommunikation"><span class="icon" aria-hidden="true"><span class="fass fa-long-arrow-right"></span></span>Medienschau: TU-CCO Honecker zur Funktion von Wissenschaftskommunikation</a> </p><p class="sans-body running-text"><a class="link" href="universitaet/aktuelles_meldungen/kurzgemeldet/index.de.jsp#p_hochschulmanagerin" title="TU-Präsidentin Brühl erneut als „Hochschulmanager:in des Jahres“ nominiert"><span class="icon" aria-hidden="true"><span class="fass fa-long-arrow-right"></span></span>TU-Präsidentin Brühl erneut als „Hochschulmanager:in des Jahres“ nominiert</a> </p><p class="sans-body running-text"><a class="link" href="universitaet/aktuelles_meldungen/kurzgemeldet/index.de.jsp" title="Gesamtübersicht Kurz gemeldet"><span class="icon" aria-hidden="true"><span class="fass fa-long-arrow-right"></span></span>Gesamtübersicht Kurz gemeldet</a> </p> </div> </div> </div> </div> </div> </section> <section class="frame mb-5 bg-gr5 py-4" id="veranstaltungsliste_reduziert"> <div class="grid-2"> <div class="cell-12"> <ul class="list-unstyled"> <div class="grid-2"> <li class="article-list-item cell-12 cell-sm-6 cell-md-12"> <a class="link link-outer h-100 flex-column bg-white hover-bg-key hover-group hover-text-white" href="universitaet/aktuelles_meldungen/veranstaltungen_6/veranstaltung_189767.de.jsp"> <div class="stop"> <div class="grid-1"> <div class="cell-12 cell-md-2 pt-2 pb-md-2 pr-md-0"> <p class="sans-body pl-1"> <strong> 25. bis 29.11.2024 </strong> </p> </div> <div class="cell-12 cell-md-8 pl-1 pt-md-2 pr-md-0"> <p class="sans-h5 strong px-1 pb-1"> Sichten 27 </p> <p class="sans-mini strong px-1 pb-2"> Jahresausstellung des Fachbereichs Architektur der TU Darmstadt </p> </div> <div class="cell-md-2 d-none d-md-flex flex-column" aria-hidden="true"> <div class="sans-h2 strong align-self-end mr-2 my-auto text-gr4 group-hover-text-white"><span class="icon fass fa-arrow-right"></span></div> </div> </div> </div> </a> </li> <li class="article-list-item cell-12 cell-sm-6 cell-md-12"> <a class="link link-outer h-100 flex-column bg-white hover-bg-key hover-group hover-text-white" href="universitaet/aktuelles_meldungen/veranstaltungen_6/veranstaltung_190017.de.jsp"> <div class="stop"> <div class="grid-1"> <div class="cell-12 cell-md-2 pt-2 pb-md-2 pr-md-0"> <p class="sans-body pl-1"> <strong> 26.11.2024</strong><span class="d-md-none">,</span> <br class="d-none d-md-block"/> 14:00-16:00 </p> </div> <div class="cell-12 cell-md-8 pl-1 pt-md-2 pr-md-0"> <p class="sans-h5 strong px-1 pb-1"> Diskriminierungserfahrungen und Umgangsweisen mit Diskriminierung an Hochschulen </p> <p class="sans-mini strong px-1 pb-2"> Digitaler Diversity Talk </p> </div> <div class="cell-md-2 d-none d-md-flex flex-column" aria-hidden="true"> <div class="sans-h2 strong align-self-end mr-2 my-auto text-gr4 group-hover-text-white"><span class="icon fass fa-arrow-right"></span></div> </div> </div> </div> </a> </li> <li class="article-list-item cell-12 cell-sm-6 cell-md-12"> <a class="link link-outer h-100 flex-column bg-white hover-bg-key hover-group hover-text-white" href="universitaet/aktuelles_meldungen/veranstaltungen_6/veranstaltung_188168.de.jsp"> <div class="stop"> <div class="grid-1"> <div class="cell-12 cell-md-2 pt-2 pb-md-2 pr-md-0"> <p class="sans-body pl-1"> <strong> 26.11.2024</strong><span class="d-md-none">,</span> <br class="d-none d-md-block"/> 14:00-16:00 </p> </div> <div class="cell-12 cell-md-8 pl-1 pt-md-2 pr-md-0"> <p class="sans-h5 strong px-1 pb-1"> Freies Malen mit ressourcenorientierten Impulsen </p> <p class="sans-mini strong px-1 pb-2"> Kurs mit sechs Terminen // Kooperation mit dem Studentischen Gesundheitsmanagement </p> </div> <div class="cell-md-2 d-none d-md-flex flex-column" aria-hidden="true"> <div class="sans-h2 strong align-self-end mr-2 my-auto text-gr4 group-hover-text-white"><span class="icon fass fa-arrow-right"></span></div> </div> </div> </div> </a> </li> <li class="article-list-item cell-12 cell-sm-6 cell-md-12"> <a class="link link-outer h-100 flex-column bg-white hover-bg-key hover-group hover-text-white" href="universitaet/aktuelles_meldungen/veranstaltungen_6/veranstaltung_188162.de.jsp"> <div class="stop"> <div class="grid-1"> <div class="cell-12 cell-md-2 pt-2 pb-md-2 pr-md-0"> <p class="sans-body pl-1"> <strong> 27.11.2024</strong><span class="d-md-none">,</span> <br class="d-none d-md-block"/> 14:00-17:00 </p> </div> <div class="cell-12 cell-md-8 pl-1 pt-md-2 pr-md-0"> <p class="sans-h5 strong px-1 pb-1"> Freies Malen // free painting </p> </div> <div class="cell-md-2 d-none d-md-flex flex-column" aria-hidden="true"> <div class="sans-h2 strong align-self-end mr-2 my-auto text-gr4 group-hover-text-white"><span class="icon fass fa-arrow-right"></span></div> </div> </div> </div> </a> </li> </div> </ul> </div> </div> </section> <section class="d-print-none frame mb-5 mt-reduced bg-gr5 pb-4" id="call_to_action_button_cta_nur_responsive_design_2"> <div class="grid"> <div class="cell-12 stack-1 text-center"> <a class="btn btn-key btn-sm-lg" href="universitaet/aktuelles_meldungen/veranstaltungen_6/index.de.jsp" role="button" title="Veranstaltungskalender"> Zum Kalender </a> </div> </div> </section> <section class="frame mb-5" id="rankings"> <div class="grid-2"> <div class="cell-12"> <h2 class="serif-h2"> Herausragend in Rankings </h2> </div> <div class="d-print-none cell-12 cell-md-7"> <div class="carousel slide has-indicators" id="slider_rankings" data-interval="false"> <ul class="carousel-inner list-unstyled"> <li class="carousel-item active"> <div class="text-carousel-item d-flex flex-column justify-content-center bg-9c score-9c px-4 text-white"> <div class="mx-2"> <div class="d-flex flex-row"> <div class="fasl fa-graduation-cap fa-5x mr-2 mb-1" aria-hidden="true"></div> <h3 class="sans-h2 hyphens mt-auto pre-line">TU-Abschlüsse hoch geschätzt</h3> </div> <div class="hyphens mt-1"><p class="sans-body running-text">Das <em>QS Graduate Employability Ranking</em> zählt die TU Darmstadt mit Platz 3 in Deutschland zu den besten Unis. Ihre Absolventinnen und Absolventen werden von Arbeitgebern international als besonders qualifiziert geschätzt.</p></div> </div> </div> </li> <li class="carousel-item"> <div class="text-carousel-item d-flex flex-column justify-content-center bg-2c score-2c px-4 text-white"> <div class="mx-2"> <div class="d-flex flex-row"> <div class="fasl fa-award fa-5x mr-2 mb-1" aria-hidden="true"></div> <h3 class="sans-h2 hyphens mt-auto pre-line">International führend im QS Ranking</h3> </div> <div class="hyphens mt-1"><p class="sans-body running-text">Maschinenbau, Materialwissenschaften und Physik der TU Darmstadt sind international unter den Top 150.<br/><br/></p><p class="sans-body running-text"><em>QS Subject Ranking </em></p></div> </div> </div> </li> <li class="carousel-item"> <div class="text-carousel-item d-flex flex-column justify-content-center bg-2c score-2c px-4 text-white"> <div class="mx-2"> <div class="d-flex flex-row"> <div class="fasl fa-award fa-5x mr-2 mb-1" aria-hidden="true"></div> <h3 class="sans-h2 hyphens mt-auto pre-line">TU Fächer weltweit Top im THE Ranking</h3> </div> <div class="hyphens mt-1"><p class="sans-body running-text">Computer Science: Top 100</p><p class="sans-body running-text">Engineering: Top 150<br/><br/></p><p class="sans-body running-text"><em>THE Subject Ranking</em></p></div> </div> </div> </li> <li class="carousel-item"> <div class="text-carousel-item d-flex flex-column justify-content-center bg-9c score-9c px-4 text-white"> <div class="mx-2"> <div class="d-flex flex-row"> <div class="fasl fa-graduation-cap fa-5x mr-2 mb-1" aria-hidden="true"></div> <h3 class="sans-h2 hyphens mt-auto pre-line">Hervorragende Karriereaussichten</h3> </div> <div class="hyphens mt-1"><p class="sans-body running-text">Unternehmen stellen besonders gerne TU- Absolvent:innen ein. Im <em>Ranking der WirtschaftsWoche</em> liegen Wirtschaftsinformatik, Wirtschaftsingenieurwesen, Elektrotechnik, Informatik und Maschinenbau der TU Darmstadt in den Top Ten.</p></div> </div> </div> </li> <li class="carousel-item"> <div class="text-carousel-item d-flex flex-column justify-content-center bg-5_6 score-5_6 px-4 text-white"> <div class="mx-2"> <div class="d-flex flex-row"> <div class="fasl fa-stars fa-5x mr-2 mb-1" aria-hidden="true"></div> <h3 class="sans-h2 hyphens mt-auto pre-line">Bei Innovationen spitze</h3> </div> <div class="hyphens mt-1"><p class="sans-body running-text">Im Bereich „Industry, Innovation and Infrastructure“ liegt die TU Darmstadt weltweit in den Top Ten des <em>THE Impact Rankings 2024</em>.</p></div> </div> </div> </li> <li class="carousel-item"> <div class="text-carousel-item d-flex flex-column justify-content-center bg-5_6 score-5_6 px-4 text-white"> <div class="mx-2"> <div class="d-flex flex-row"> <div class="fasl fa-lightbulb fa-5x mr-2 mb-1" aria-hidden="true"></div> <h3 class="sans-h2 hyphens mt-auto pre-line">Aktiver Erfindungsgeist</h3> </div> <div class="hyphens mt-1"><p class="sans-body running-text">Die TU Darmstadt gehört zu den zehn patentstärksten Hochschulen in Deutschland.</p><p class="sans-body running-text"><br/></p><p class="sans-body running-text"><em>IW-Kurzbericht 59/2024: Patentanmeldungen der Hochschulen</em></p></div> </div> </div> </li> <li class="carousel-item"> <div class="text-carousel-item d-flex flex-column justify-content-center bg-5_6 score-5_6 px-4 text-white"> <div class="mx-2"> <div class="d-flex flex-row"> <div class="fasl fa-fas fa-rocket fa-5x mr-2 mb-1" aria-hidden="true"></div> <h3 class="sans-h2 hyphens mt-auto pre-line">Attraktiv für Gründer:innen</h3> </div> <div class="hyphens mt-1"><p class="sans-body running-text">Darmstadt gehört neben Berlin und München zu den drei Städten mit den meisten Neugründungen pro Einwohner:in.<br/><br/></p><p class="sans-body running-text"><em>Start Up Verband</em></p></div> </div> </div> </li> <li class="carousel-item"> <div class="text-carousel-item d-flex flex-column justify-content-center bg-9c score-9c px-4 text-white"> <div class="mx-2"> <div class="d-flex flex-row"> <div class="fasl fa-graduation-cap fa-5x mr-2 mb-1" aria-hidden="true"></div> <h3 class="sans-h2 hyphens mt-auto pre-line">Führungskräfte studieren in Darmstadt</h3> </div> <div class="hyphens mt-1"><p class="sans-body running-text">Die TU Darmstadt gehört zu den drei Universitäten, an denen die meisten DAX 40 Vorstandsmitglieder studiert haben.<br/><br/></p><p class="sans-body running-text"><em>Handelsblatt-Ranking 2024</em> </p></div> </div> </div> </li> <li class="carousel-item"> <div class="text-carousel-item d-flex flex-column justify-content-center bg-5_6 score-5_6 px-4 text-white"> <div class="mx-2"> <div class="d-flex flex-row"> <div class="fasl fa-city fa-5x mr-2 mb-1" aria-hidden="true"></div> <h3 class="sans-h2 hyphens mt-auto pre-line">Top im Städteranking der Wirtschaftswoche</h3> </div> <div class="hyphens mt-1"><p class="sans-body running-text">Im <em>WiWo Städteranking 2024</em> liegt Darmstadt als einzige deutsche Großstadt in allen drei Teilrankings (Niveau, Dynamik und Nachhaltigkeit) unter den Top Ten.</p></div> </div> </div> </li> <li class="carousel-item"> <div class="text-carousel-item d-flex flex-column justify-content-center bg-9c score-9c px-4 text-white"> <div class="mx-2"> <div class="d-flex flex-row"> <div class="fasl fa-globe fa-5x mr-2 mb-1" aria-hidden="true"></div> <h3 class="sans-h2 hyphens mt-auto pre-line">Internationales Umfeld</h3> </div> <div class="hyphens mt-1"><p class="sans-body running-text">Beim Anteil internationaler Studierender liegt die TU Darmstadt deutschlandweit in den Top fünf.<br/><br/></p><p class="sans-body running-text"><em>QS Ranking </em></p></div> </div> </div> </li> <li class="carousel-item"> <div class="text-carousel-item d-flex flex-column justify-content-center bg-9c score-9c px-4 text-white"> <div class="mx-2"> <div class="d-flex flex-row"> <div class="fasl fa-comment-smile fa-5x mr-2 mb-1" aria-hidden="true"></div> <h3 class="sans-h2 hyphens mt-auto pre-line">Zufriedene Studierende</h3> </div> <div class="hyphens mt-1"><p class="sans-body running-text">Studierende der TU Darmstadt sind fachübergreifend sehr zufrieden mit der Unterstützung zum Studienbeginn.<br/><br/></p><p class="sans-body running-text"><em>CHE Hochschulranking (seit 2019)</em></p></div> </div> </div> </li> <li class="carousel-item"> <div class="text-carousel-item d-flex flex-column justify-content-center bg-4d score-4d px-4 text-white"> <div class="mx-2"> <div class="d-flex flex-row"> <div class="fasl fa-chart-network fa-5x mr-2 mb-1" aria-hidden="true"></div> <h3 class="sans-h2 hyphens mt-auto pre-line">Gut vernetzt</h3> </div> <div class="hyphens mt-1"><p class="sans-body running-text">Fast 2/3 der Publikationen der TU Darmstadt entstehen mit internationaler Beteiligung. Bei 1/3 sind die Forschungspartner:innen sogar mehr als 5000 km entfernt.<br/><br/></p><p class="sans-body running-text"><em>Leiden Ranking</em></p></div> </div> </div> </li> </ul> <a class="carousel-control carousel-control-prev" href="#slider_rankings" role="button" data-slide="prev"><span class="icon fass fa-chevron-left fa-2x" aria-hidden="true"></span><span class="sr-only">Zurück</span></a> <a class="carousel-control carousel-control-next" href="#slider_rankings" role="button" data-slide="next"><span class="icon fass fa-chevron-right fa-2x" aria-hidden="true"></span><span class="sr-only">Vor</span></a> <ol class="carousel-indicators cust-indicators position-absolute pt-1" role="tablist"> <li id="tab-0" class="link link-outer active" data-target="#slider_rankings" data-slide-to="0" aria-controls="tabpanel-0" aria-selected="true" role="tab" tabindex="-1"><span class="sr-only">Gehe zu Bild 1</span></li> <li id="tab-1" class="link link-outer" data-target="#slider_rankings" data-slide-to="1" aria-controls="tabpanel-1" aria-selected="false" role="tab" tabindex="-1"><span class="sr-only">Gehe zu Bild 2</span></li> <li id="tab-2" class="link link-outer" data-target="#slider_rankings" data-slide-to="2" aria-controls="tabpanel-2" aria-selected="false" role="tab" tabindex="-1"><span class="sr-only">Gehe zu Bild 3</span></li> <li id="tab-3" class="link link-outer" data-target="#slider_rankings" data-slide-to="3" aria-controls="tabpanel-3" aria-selected="false" role="tab" tabindex="-1"><span class="sr-only">Gehe zu Bild 4</span></li> <li id="tab-4" class="link link-outer" data-target="#slider_rankings" data-slide-to="4" aria-controls="tabpanel-4" aria-selected="false" role="tab" tabindex="-1"><span class="sr-only">Gehe zu Bild 5</span></li> <li id="tab-5" class="link link-outer" data-target="#slider_rankings" data-slide-to="5" aria-controls="tabpanel-5" aria-selected="false" role="tab" tabindex="-1"><span class="sr-only">Gehe zu Bild 6</span></li> <li id="tab-6" class="link link-outer" data-target="#slider_rankings" data-slide-to="6" aria-controls="tabpanel-6" aria-selected="false" role="tab" tabindex="-1"><span class="sr-only">Gehe zu Bild 7</span></li> <li id="tab-7" class="link link-outer" data-target="#slider_rankings" data-slide-to="7" aria-controls="tabpanel-7" aria-selected="false" role="tab" tabindex="-1"><span class="sr-only">Gehe zu Bild 8</span></li> <li id="tab-8" class="link link-outer" data-target="#slider_rankings" data-slide-to="8" aria-controls="tabpanel-8" aria-selected="false" role="tab" tabindex="-1"><span class="sr-only">Gehe zu Bild 9</span></li> <li id="tab-9" class="link link-outer" data-target="#slider_rankings" data-slide-to="9" aria-controls="tabpanel-9" aria-selected="false" role="tab" tabindex="-1"><span class="sr-only">Gehe zu Bild 10</span></li> <li id="tab-10" class="link link-outer" data-target="#slider_rankings" data-slide-to="10" aria-controls="tabpanel-10" aria-selected="false" role="tab" tabindex="-1"><span class="sr-only">Gehe zu Bild 11</span></li> <li id="tab-11" class="link link-outer" data-target="#slider_rankings" data-slide-to="11" aria-controls="tabpanel-11" aria-selected="false" role="tab" tabindex="-1"><span class="sr-only">Gehe zu Bild 12</span></li> </ol> </div> </div> </div> </section> <section class="frame section-group mb-5 bg-gr5 py-5" id="auf_einen_blick" > <div class="grid-2"> <div class="cell-12"> <section class="frame mb-5" id="absatz_3"> <div class="grid-2"> <div class="cell-12 cell-sm-6 cell-md-4 cell-lg-3"> <button class="d-flex flex-column flip-tile link link-outer position-relative text-left w-100" type="button" aria-label="Kachel 'Für Forschende' umdrehen"> <h2 class="link-inner order-2 pt-1 sans-h6 text-gr0">Für Forschende</h2> <div class="bg-key order-1 pb-100 position-relative text-white w-100"> <div class="tile-text invisible position-absolute w-100 h-100 overflow-hidden"> <ul class="list-unstyled d-flex flex-column h-100 p-1 sans-mini stack-1"> <li><a class="link text-white" href="forschen/wissenschaftlicher_nachwuchs_tu/promotionsinteressierte_tu/index.de.jsp"><span class="icon" aria-hidden="true"><span class="fass fa-long-arrow-right"></span></span>Promovieren an der TU</a> </li> <li><a class="link text-white" href="forschen/wissenschaftlicher_nachwuchs_tu/post_docs/index.de.jsp"><span class="icon" aria-hidden="true"><span class="fass fa-long-arrow-right"></span></span>Postdocs</a> </li> <li><a class="link text-white" href="forschen/wissenschaftlicher_nachwuchs_tu/qualifikationsphase_fuer_eine_professur/.de.jsp"><span class="icon" aria-hidden="true"><span class="fass fa-long-arrow-right"></span></span>Qualifikationsphase für eine Professur</a> </li> <li><a class="link text-white" href="https://www.intern.tu-darmstadt.de/verwaltung/dez_vi/index.de.jsp"><span class="icon" aria-hidden="true"><span class="fass fa-long-arrow-right"></span></span>Services für Forschende</a> </li> <li><a class="link text-white" href="https://www.ulb.tu-darmstadt.de/service/tu_bibliographie/index.de.jsp"><span class="icon" aria-hidden="true"><span class="fass fa-long-arrow-right"></span></span>TU-Bibliographie</a></li> <li><a class="link text-white" href="universitaet/karriere_an_der_tu/stellenangebote/aktuelle_stellenangebote/index.de.jsp"><span class="icon" aria-hidden="true"><span class="fass fa-long-arrow-right"></span></span>Stellenausschreibungen</a> </li> <li><a class="link text-white" href="https://www.intern.tu-darmstadt.de/verwaltung/dez_vii/personal_und_organisationsentwicklung/dual_career_poe/index.de.jsp"><span class="icon" aria-hidden="true"><span class="fass fa-long-arrow-right"></span></span>Dual Career Service</a></li> </ul> </div> <div class="tile-image position-absolute w-100 h-100" aria-hidden="true"> <div class="position-relative"> <div class="position-relative h-0 w-100" style="padding-bottom:100%"> <img class="lazy position-absolute w-100 h-100 cover grayscale-on-focus" data-src="/media/daa_responsives_design/startseite/zielgruppennavi/dupelx-8_0x475.jpg" alt=""/> <div class="position-absolute credits sans-credits credits-overlay">Bild: Jan-Christoph Hartung</div> </div> </div> </div> </div> </button> </div> <div class="cell-12 cell-sm-6 cell-md-4 cell-lg-3"> <button class="d-flex flex-column flip-tile link link-outer position-relative text-left w-100" type="button" aria-label="Kachel 'Für Studieninteressierte und Studierende' umdrehen"> <h2 class="link-inner order-2 pt-1 sans-h6 text-gr0">Für Studieninteressierte und Studierende</h2> <div class="bg-key order-1 pb-100 position-relative text-white w-100"> <div class="tile-text invisible position-absolute w-100 h-100 overflow-hidden"> <ul class="list-unstyled d-flex flex-column h-100 p-1 sans-mini stack-1"> <li><a class="link text-white" href="studieren/studieninteressierte/bewerbung_zulassung_tu/index.de.jsp"><span class="icon" aria-hidden="true"><span class="fass fa-long-arrow-right"></span></span>Bewerbung und Zulassung</a> </li> <li><a class="link text-white" href="studieren/studieninteressierte/service_und_beratung_studieninteressierte/index.de.jsp"><span class="icon" aria-hidden="true"><span class="fass fa-long-arrow-right"></span></span>Beratung für Studieninteressierte</a> </li> <li><a class="link text-white" href="https://www.tu-darmstadt.de/studentsoftudarmstadt" title="#studentsofTUdarmstadt"><span class="icon" aria-hidden="true"><span class="fass fa-long-arrow-right"></span></span>#studentsofTUdarmstadt</a></li> <li><a class="link text-white" href="studieren/studierende_tu/einfachstudieren/index.de.jsp"><span class="icon" aria-hidden="true"><span class="fass fa-long-arrow-right"></span></span>einfachsTUdieren Erstsemester</a> </li> <li><a class="link text-white" href="studieren/studierende_tu/service_beratung_studierende/index.de.jsp"><span class="icon" aria-hidden="true"><span class="fass fa-long-arrow-right"></span></span>Beratung für Studierende</a> </li> <li><a class="link text-white" href="https://www.stellenwerk-darmstadt.de"><span class="icon" aria-hidden="true"><span class="fass fa-long-arrow-right"></span></span>Jobs finden beim Stellenwerk</a></li> <li><a class="link text-white" href="https://www.e-learning.tu-darmstadt.de"><span class="icon" aria-hidden="true"><span class="fass fa-long-arrow-right"></span></span>E-Learning</a></li> </ul> </div> <div class="tile-image position-absolute w-100 h-100" aria-hidden="true"> <div class="position-relative"> <div class="position-relative h-0 w-100" style="padding-bottom:100%"> <img class="lazy position-absolute w-100 h-100 cover grayscale-on-focus" data-src="/media/daa_responsives_design/startseite/zielgruppennavi/dupelx-6_0x475.jpg" alt=""/> <div class="position-absolute credits sans-credits credits-overlay">Bild: Jan-Christoph Hartung</div> </div> </div> </div> </div> </button> </div> <div class="cell-12 cell-sm-6 cell-md-4 cell-lg-3"> <button class="d-flex flex-column flip-tile link link-outer position-relative text-left w-100" type="button" aria-label="Kachel 'Für Unternehmen' umdrehen"> <h2 class="link-inner order-2 pt-1 sans-h6 text-gr0">Für Unternehmen</h2> <div class="bg-key order-1 pb-100 position-relative text-white w-100"> <div class="tile-text invisible position-absolute w-100 h-100 overflow-hidden"> <ul class="list-unstyled d-flex flex-column h-100 p-1 sans-mini stack-1"> <li><a class="link text-white" href="xchange/kooperation/formen_der_kooperation/index.de.jsp"><span class="icon" aria-hidden="true"><span class="fass fa-long-arrow-right"></span></span>Zusammenarbeit in der Forschung</a> </li> <li><a class="link text-white" href="xchange/kooperation/innovationsangebote/index.de.jsp"><span class="icon" aria-hidden="true"><span class="fass fa-long-arrow-right"></span></span>Technologieangebot</a> </li> <li><a class="link text-white" href="https://www.highest.tu-darmstadt.de"><span class="icon" aria-hidden="true"><span class="fass fa-long-arrow-right"></span></span>Gründungszentrum HIGHEST </a></li> <li><a class="link text-white" href="xchange/kooperation/promotion_werbung/index.de.jsp"><span class="icon" aria-hidden="true"><span class="fass fa-long-arrow-right"></span></span>Werbung und Sponsoring</a> </li> <li><a class="link text-white" href="https://www.stellenwerk-darmstadt.de"><span class="icon" aria-hidden="true"><span class="fass fa-long-arrow-right"></span></span>Jobportal Stellenwerk</a></li> <li><a class="link text-white" href="https://www.intern.tu-darmstadt.de/verwaltung/dez_iv/referate_und_stabsstellen/artikel_details_de_en_244992.de.jsp"><span class="icon" aria-hidden="true"><span class="fass fa-long-arrow-right"></span></span>Veranstaltungsräume</a> </li> </ul> </div> <div class="tile-image position-absolute w-100 h-100" aria-hidden="true"> <div class="position-relative"> <div class="position-relative h-0 w-100" style="padding-bottom:100%"> <img class="lazy position-absolute w-100 h-100 cover grayscale-on-focus" data-src="/media/daa_responsives_design/startseite/zielgruppennavi/dupelx-5_0x475.jpg" alt=""/> <div class="position-absolute credits sans-credits credits-overlay">Bild: Felipe Fernandes</div> </div> </div> </div> </div> </button> </div> <div class="cell-12 cell-sm-6 cell-md-4 cell-lg-3"> <button class="d-flex flex-column flip-tile link link-outer position-relative text-left w-100" type="button" aria-label="Kachel 'Für Beschäftigte' umdrehen"> <h2 class="link-inner order-2 pt-1 sans-h6 text-gr0">Für Beschäftigte</h2> <div class="bg-key order-1 pb-100 position-relative text-white w-100"> <div class="tile-text invisible position-absolute w-100 h-100 overflow-hidden"> <ul class="list-unstyled d-flex flex-column h-100 p-1 sans-mini stack-1"> <li><a class="link text-white" href="https://www.intern.tu-darmstadt.de/informationsportal/index.de.jsp"><span class="icon" aria-hidden="true"><span class="fass fa-long-arrow-right"></span></span>Informationsportal</a> </li> <li><a class="link text-white" href="https://www.intern.tu-darmstadt.de/arbeitsmittel/corporate_design_vorlagen/index.de.jsp"><span class="icon" aria-hidden="true"><span class="fass fa-long-arrow-right"></span></span>Corporate Design</a> </li> <li><a class="link text-white" href="https://www.intern.tu-darmstadt.de/dez_vii/stellen/interne_stellen/index.de.jsp"><span class="icon" aria-hidden="true"><span class="fass fa-long-arrow-right"></span></span>Interne Stellenausschreibungen</a></li> <li><a class="link text-white" href="https://www.personalrat.tu-darmstadt.de"><span class="icon" aria-hidden="true"><span class="fass fa-long-arrow-right"></span></span>Personalrat</a></li> <li><a class="link text-white" href="https://www.tu-darmstadt.de/gleichstellungsbeauftragte"><span class="icon" aria-hidden="true"><span class="fass fa-long-arrow-right"></span></span>Gleichstellung</a></li> </ul> </div> <div class="tile-image position-absolute w-100 h-100" aria-hidden="true"> <div class="position-relative"> <div class="position-relative h-0 w-100" style="padding-bottom:100%"> <img class="lazy position-absolute w-100 h-100 cover grayscale-on-focus" data-src="/media/daa_responsives_design/startseite/zielgruppennavi/dupelx-1_0x475.jpg" alt=""/> <div class="position-absolute credits sans-credits credits-overlay">Bild: Katrin Binner</div> </div> </div> </div> </div> </button> </div> <div class="cell-12 cell-sm-6 cell-md-4 cell-lg-3"> <button class="d-flex flex-column flip-tile link link-outer position-relative text-left w-100" type="button" aria-label="Kachel 'Für Bürgerinnen und Bürger' umdrehen"> <h2 class="link-inner order-2 pt-1 sans-h6 text-gr0">Für Bürgerinnen und Bürger</h2> <div class="bg-key order-1 pb-100 position-relative text-white w-100"> <div class="tile-text invisible position-absolute w-100 h-100 overflow-hidden"> <ul class="list-unstyled d-flex flex-column h-100 p-1 sans-mini stack-1"> <li><a class="link text-white" href="xchange/mitten_in_der_gesellschaft/oeffentliche_vorlesungsreihen/index.de.jsp"><span class="icon" aria-hidden="true"><span class="fass fa-long-arrow-right"></span></span>Öffentliche Vorträge</a> </li> <li><a class="link text-white" href="xchange/mitten_in_der_gesellschaft/campusfuehrungen/index.de.jsp"><span class="icon" aria-hidden="true"><span class="fass fa-long-arrow-right"></span></span>Campusführungen</a> </li> <li><a class="link text-white" href="xchange/mitten_in_der_gesellschaft/foerdern_und_spenden/index.de.jsp"><span class="icon" aria-hidden="true"><span class="fass fa-long-arrow-right"></span></span>Fördern und Spenden</a> </li> <li><a class="link text-white" href="https://www.ulb.tu-darmstadt.de"><span class="icon" aria-hidden="true"><span class="fass fa-long-arrow-right"></span></span>Universitäts- und Landesbibliothek (ULB)</a></li> <li><a class="link text-white" href="https://www.tu-darmstadt.de/scc/kunstforum/index.de.jsp"><span class="icon" aria-hidden="true"><span class="fass fa-long-arrow-right"></span></span>Kunstforum</a> </li> <li><a class="link text-white" href="https://www.freunde.tu-darmstadt.de"><span class="icon" aria-hidden="true"><span class="fass fa-long-arrow-right"></span></span>Freunde der TU Darmstadt</a></li> </ul> </div> <div class="tile-image position-absolute w-100 h-100" aria-hidden="true"> <div class="position-relative"> <div class="position-relative h-0 w-100" style="padding-bottom:100%"> <img class="lazy position-absolute w-100 h-100 cover grayscale-on-focus" data-src="/media/daa_responsives_design/startseite/zielgruppennavi/dublex8_0x475.jpg" alt=""/> <div class="position-absolute credits sans-credits credits-overlay">Bild: Paul Glogowski</div> </div> </div> </div> </div> </button> </div> <div class="cell-12 cell-sm-6 cell-md-4 cell-lg-3"> <button class="d-flex flex-column flip-tile link link-outer position-relative text-left w-100" type="button" aria-label="Kachel 'Für Journalistinnen und Journalisten' umdrehen"> <h2 class="link-inner order-2 pt-1 sans-h6 text-gr0">Für Journalistinnen und Journalisten</h2> <div class="bg-key order-1 pb-100 position-relative text-white w-100"> <div class="tile-text invisible position-absolute w-100 h-100 overflow-hidden"> <ul class="list-unstyled d-flex flex-column h-100 p-1 sans-mini stack-1"> <li><a class="link text-white" href="universitaet/aktuelles_meldungen/medienservice/index.de.jsp"><span class="icon" aria-hidden="true"><span class="fass fa-long-arrow-right"></span></span>Service für Medien</a> </li> <li><a class="link text-white" href="universitaet/aktuelles_meldungen/medienservice/drehgenehmigung/index.de.jsp"><span class="icon" aria-hidden="true"><span class="fass fa-long-arrow-right"></span></span>Drehgenehmigung</a> </li> <li><a class="link text-white" href="universitaet/aktuelles_meldungen/medienservice/pressebilder_campus_und_gebaeude/index.de.jsp"><span class="icon" aria-hidden="true"><span class="fass fa-long-arrow-right"></span></span>Pressebilder</a> </li> <li><a class="link text-white" href="universitaet/aktuelles_meldungen/nachrichten/index.de.jsp"><span class="icon" aria-hidden="true"><span class="fass fa-long-arrow-right"></span></span>Aktuelle Meldungen</a> </li> </ul> </div> <div class="tile-image position-absolute w-100 h-100" aria-hidden="true"> <div class="position-relative"> <div class="position-relative h-0 w-100" style="padding-bottom:100%"> <img class="lazy position-absolute w-100 h-100 cover grayscale-on-focus" data-src="/media/daa_responsives_design/startseite/zielgruppennavi/dublex9_0x475.jpg" alt=""/> <div class="position-absolute credits sans-credits credits-overlay">Bild: Paul Glogowski</div> </div> </div> </div> </div> </button> </div> </div> </section> <section class="frame mb-5 content-section" id="absatz_4"> <div class="grid-2"> <div class="cell-12 cell-sm-6 pb-4"> <a class="link link-outer h-100 flex-column" href="forschen/index.de.jsp"> <div class="position-relative"> <div class="position-relative h-0 w-100" style="padding-bottom:56.25%"> <img class="lazy position-absolute w-100 h-100 cover bg-white" data-src="/media/daa_responsives_design/03_forschung_medien/forschung_0x315.jpg" alt=""/> <div class="position-absolute credits sans-credits credits-overlay">Bild: Jan Ehlers</div> </div> </div> <div class="pt-2 d-flex flex-column flex-grow-1"> <div class="stack-1"> <h2 class="sans-h4">Forschungsfelder</h2> <p class="sans-small">Wir forschen an der TU Darmstadt auf drei großen, die Grenzen einzelner Fächer sprengenden Forschungsfeldern: Energy and Environment (E+E), Information and Intelligence (I+I) und Matter and Materials (M+M).</p> <p class="sans-mini pt-1"> <span class="link-inner"><span class="icon fass fa-long-arrow-right" aria-hidden="true"></span>Mehr erfahren</span> </p> </div> </div> </a> </div> <div class="cell-12 cell-sm-6 pb-4"> <a class="link link-outer h-100 flex-column" href="universitaet/fachbereiche/index.de.jsp"> <div class="position-relative"> <div class="position-relative h-0 w-100" style="padding-bottom:56.25%"> <img class="lazy position-absolute w-100 h-100 cover bg-white" data-src="/media/daa_responsives_design/01_die_universitaet_medien/fachbereiche_1/fachbereiche_560x0.jpg" alt=""/> <div class="position-absolute credits sans-credits credits-overlay">Bild: Katrin Binner</div> </div> </div> <div class="pt-2 d-flex flex-column flex-grow-1"> <div class="stack-1"> <h2 class="sans-h4">Fachbereiche</h2> <p class="sans-small">Die Disziplinen an der TU Darmstadt sind in dreizehn Fachbereichen und fünf ingenieurwissenschaftlich geprägte Studienbereichen organisiert. </p> <p class="sans-mini pt-1"> <span class="link-inner"><span class="icon fass fa-long-arrow-right" aria-hidden="true"></span>Mehr erfahren</span> </p> </div> </div> </a> </div> </div> </section> <section class="frame mb-5 content-section" id="absatz_5"> <div class="grid-4"> <div class="cell-11 cell-sm-6 cell-lg-4 offset-lg-1 order-1 pl-3 pl-sm-4 pr-sm-1 quote-image-right"> <div class="position-relative stack-2 w-100 mb-0 pb-100"> <img class="contact-img d-flex position-absolute w-100 h-100 cover" src="/media/daa_responsives_design/02_studium_medien/01_studieninteressierte_medien/02_studienangebot_medien/studienangebot_500x500.jpg" alt=""/> <div class="d-md-none facts-display-mobile facts-border border-key" aria-hidden="true"></div> <div class="position-absolute credits sans-credits credits-circle credits-facts text-center">Bild: Jan-Christoph Hartung</div> </div> </div> <div class="cell-12 cell-sm-6 cell-lg-4 order-2 pl-sm-1 pr-sm-4"> <h2 class="sans-h3 quote-heading mt-2">Studienangebot</h2> <div class="d-none d-md-block facts-border border-key mb-2"> </div> <p class="sans-lead pre-line">Rund 120 Studiengänge in den Ingenieurwissenschaften, Naturwissenschaften sowie Geistes- und Sozialwissenschaften – das Studienangebot der TU Darmstadt ist breit gefächert.</p> <p class="sans-mini mt-auto pt-2"> <span class="link-inner group-hover-text-key"> <a class="link" href="studieren/studieninteressierte/studienangebot_studiengaenge/index.de.jsp"><span class="icon" aria-hidden="true"><span class="fass fa-long-arrow-right"></span></span>Mehr erfahren</a> </span> </p> </div> </div> </section> <section class="frame mb-5 content-section" id="absatz_6"> <div class="grid-2"> <div class="cell-12"> <h3 class="serif-h3"> Mehr über die TU erfahren </h3> </div> <div class="cell-12 cell-sm-6 cell-md-4 pb-2"> <a class="link link-outer flex-column hover-group hover-text-white bg-9d score-9d" href="universitaet/index.de.jsp"> <div class="pt-2 px-2 text-white link-box-content"> <div class="stack-1"> <h3 class="sans-h3 pre-line">Die Universität</h3> <p class="sans-small mt-1 pre-line">Seit ihrer Gründung im Jahre 1877 zeichnet sich die TU Darmstadt durch besonderen Pioniergeist aus.</p> </div> </div> <div class="group-hover-visible text-right mt-0 pb-1 pr-1" aria-hidden="true"> <div class="sans-h2 strong ml-auto text-transparent group-hover-text-white"><span class="icon fass fa-arrow-right"></span></div> </div> </a> </div> <div class="cell-12 cell-sm-6 cell-md-4 pb-2"> <a class="link link-outer flex-column hover-group hover-text-white bg-9d score-9d" href="studieren/index.de.jsp"> <div class="pt-2 px-2 text-white link-box-content"> <div class="stack-1"> <h3 class="sans-h3 pre-line">Studium</h3> <p class="sans-small mt-1 pre-line">An der TU Darmstadt studieren? Eine sehr gute Wahl. Eine Entscheidung für Neugierde auf innovative Zukunftsfelder.</p> </div> </div> <div class="group-hover-visible text-right mt-0 pb-1 pr-1" aria-hidden="true"> <div class="sans-h2 strong ml-auto text-transparent group-hover-text-white"><span class="icon fass fa-arrow-right"></span></div> </div> </a> </div> <div class="cell-12 cell-sm-6 cell-md-4 pb-2"> <a class="link link-outer flex-column hover-group hover-text-white bg-9d score-9d" href="forschen/index.de.jsp"> <div class="pt-2 px-2 text-white link-box-content"> <div class="stack-1"> <h3 class="sans-h3 pre-line">Forschung</h3> <p class="sans-small mt-1 pre-line">Exzellente Grundlagenforschung, kombiniert mit hoher Praxisrelevanz: Dafür steht die TU Darmstadt.</p> </div> </div> <div class="group-hover-visible text-right mt-0 pb-1 pr-1" aria-hidden="true"> <div class="sans-h2 strong ml-auto text-transparent group-hover-text-white"><span class="icon fass fa-arrow-right"></span></div> </div> </a> </div> <div class="cell-12 cell-sm-6 cell-md-4 pb-2"> <a class="link link-outer flex-column hover-group hover-text-white bg-9d score-9d" href="xchange/index.de.jsp"> <div class="pt-2 px-2 text-white link-box-content"> <div class="stack-1"> <h3 class="sans-h3 pre-line">xchange</h3> <p class="sans-small mt-1 pre-line">Wir kooperieren mit unseren Partnern aus Wirtschaft, Zivilgesellschaft, Politik und Kultur auf Augenhöhe.</p> </div> </div> <div class="group-hover-visible text-right mt-0 pb-1 pr-1" aria-hidden="true"> <div class="sans-h2 strong ml-auto text-transparent group-hover-text-white"><span class="icon fass fa-arrow-right"></span></div> </div> </a> </div> </div> </section> </div> </div> </section> <section class="frame section-group mb-0" id="netzwerke" > <div class="grid-2"> <div class="cell-12"> <h2 class="serif-h2"> Allianzen und Netzwerke – eine Auswahl </h2> </div> <div class="cell-12 mt-2"> <section class="frame mb-5 content-section" id="absatz_7"> <div class="grid-2"> <div class="cell-12 cell-md-8 stack-2"> <p class="sans-body running-text">Die TU Darmstadt stärkt ihre Position durch strategische Kooperationen und Vernetzung mit anderen Universitäten im In- und Ausland.</p> </div> </div> </section> <section class="frame mb-5 content-section" id="absatz_8"> <div class="grid-3"> <div class="cell-12 d-sm-none"> <div class="sans-body"> </div> </div> <div class="d-none d-sm-block cell-12 cell-sm-6 cell-md-4 cell-lg-3 pb-2"> <a class="link link-outer" href="http://www.rhein-main-universitaeten.de"> <div class="position-relative" style="max-width:475px;"> <div class="position-relative h-0 w-100" style="padding-bottom:100%"> <img class="lazy position-absolute w-100 h-100" data-src="/media/daa_responsives_design/01_die_universitaet_medien/RMU_Logo_petrol.de.png" alt=""/> </div> </div> <span class="sr-only">Logo & Link Rhein-Main Universitäten</span> </a> </div> <div class="d-none d-sm-block cell-12 cell-sm-6 cell-md-4 cell-lg-3 pb-2"> <a class="link link-outer" href="universitaet/international/unite/index.de.jsp"> <div class="position-relative"> <div class="position-relative h-0 w-100" style="padding-bottom:100%"> <img class="lazy position-absolute w-100 h-100 cover" data-src="/media/daa_responsives_design/01_die_universitaet_medien/international_medien/01_netzwerke_medien/unite_ordner/logos_unite/unite_Logo_2_colour_475x475.jpg" alt="Logo von "UNITE! University Network for Innovation, Technology and Engineering" "/> </div> </div> <span class="sr-only">Logo und Link Unite!</span> </a> </div> <div class="d-none d-sm-block cell-12 cell-sm-6 cell-md-4 cell-lg-3 pb-2"> <a class="link link-outer" href="https://www.tu9.de"> <div class="position-relative"> <div class="position-relative h-0 w-100" style="padding-bottom:100%"> <img class="lazy position-absolute w-100 h-100 cover" data-src="/media/daa_responsives_design/01_die_universitaet_medien/BXslbaw8_400x400_475x475.jpg" alt=""/> </div> </div> <span class="sr-only">Logo und Link TU9</span> </a> </div> <div class="d-none d-sm-block cell-12 cell-sm-6 cell-md-4 cell-lg-3 pb-2"> <a class="link link-outer" href="https://cluster.org/"> <div class="position-relative"> <div class="position-relative h-0 w-100" style="padding-bottom:100%"> <img class="lazy position-absolute w-100 h-100 cover" data-src="/media/daa_responsives_design/01_die_universitaet_medien/favicon_475x475.jpg" alt="Logo von "CLUSTER - Leading Universities of Science and Technology""/> </div> </div> <span class="sr-only">Logo & Link CLUSTER</span> </a> </div> <div class="d-block d-sm-none carousel slide tiles-carousel cell-12 p-0" id="slider_14691588"> <div class="tiles-carousel-controls position-absolute cell-12 text-center"> <a class="text-gr0 hover-text-gr1" href="#slider_14691588" role="button" data-slide="prev"><span class="icon fasr fa-angle-left fa-2x" aria-hidden="true"></span><span class="sr-only">Zurück</span></a> <a class="text-gr0 hover-text-gr1" href="#slider_14691588" role="button" data-slide="next"><span class="icon fasr fa-angle-right fa-2x" aria-hidden="true"></span><span class="sr-only">Vor</span></a> </div> <ul class="carousel-inner list-unstyled"> <li class="carousel-item cell-12 active"> <a class="link link-outer" href="http://www.rhein-main-universitaeten.de"> <div class="position-relative" style="max-width:475px;"> <div class="position-relative h-0 w-100" style="padding-bottom:100%"> <img class="lazy position-absolute w-100 h-100" data-src="/media/daa_responsives_design/01_die_universitaet_medien/RMU_Logo_petrol.de.png" alt=""/> </div> </div> <span class="sr-only">Logo & Link Rhein-Main Universitäten</span> </a> </li> <li class="carousel-item cell-12"> <a class="link link-outer" href="universitaet/international/unite/index.de.jsp"> <div class="position-relative"> <div class="position-relative h-0 w-100" style="padding-bottom:100%"> <img class="lazy position-absolute w-100 h-100 cover" data-src="/media/daa_responsives_design/01_die_universitaet_medien/international_medien/01_netzwerke_medien/unite_ordner/logos_unite/unite_Logo_2_colour_475x475.jpg" alt="Logo von "UNITE! University Network for Innovation, Technology and Engineering" "/> </div> </div> <span class="sr-only">Logo und Link Unite!</span> </a> </li> <li class="carousel-item cell-12"> <a class="link link-outer" href="https://www.tu9.de"> <div class="position-relative"> <div class="position-relative h-0 w-100" style="padding-bottom:100%"> <img class="lazy position-absolute w-100 h-100 cover" data-src="/media/daa_responsives_design/01_die_universitaet_medien/BXslbaw8_400x400_475x475.jpg" alt=""/> </div> </div> <span class="sr-only">Logo und Link TU9</span> </a> </li> <li class="carousel-item cell-12"> <a class="link link-outer" href="https://cluster.org/"> <div class="position-relative"> <div class="position-relative h-0 w-100" style="padding-bottom:100%"> <img class="lazy position-absolute w-100 h-100 cover" data-src="/media/daa_responsives_design/01_die_universitaet_medien/favicon_475x475.jpg" alt="Logo von "CLUSTER - Leading Universities of Science and Technology""/> </div> </div> <span class="sr-only">Logo & Link CLUSTER</span> </a> </li> </ul> </div> </div> </section> </div> </div> </section> </div> </main> <footer id="site-footer" class="d-print-none"> <div class="d-print-none frame hold bg-key py-5">  <div class="grid"> <div class="col-sm-9 col-md-7 col-lg-5 mx-auto pb-5 stack-5"> <social-media inline-template> <nav class="d-flex justify-content-around"> <div v-for="socialMediaItem in socialMediaItems"> <a class="d-flex align-items-center bg-white border border-transparent link-outer hover-bg-key hover-border-white hover-text-white justify-content-center rounded-circle text-key sans-h4 social" :href="socialMediaItem.url" :title="socialMediaItem.label"> <span class="fab" :class="'fa-' + socialMediaItem.icon" aria-hidden="true"></span> <span class="sr-only link-inner">{{ socialMediaItem.label }}</span> </a> </div> </nav> </social-media> </div> </div>  <div class="grid"> <div class="col-12 stack-2"> <nav> <div class="d-block d-md-flex justify-content-center align-items-center sans-small strong text-center text-white"> <div class="mx-2 mb-2"> <a class="link" accesskey="9" href="kontakt_1/index.de.jsp" title="[Alt(+Shift)+9]">Kontakt</a> </div> <div class="mx-2 mb-2"> <a class="link" accesskey="3" href="sitemap.de.jsp" title="[Alt(+Shift)+3]">Sitemap</a> </div> <div class="mx-2 mb-2"> <a class="link" accesskey="8" href="impressum/index.de.jsp" title="[Alt(+Shift)+8]">Impressum</a> </div> <div class="mx-2 mb-2"> <a class="link" href="https://www.tu-darmstadt.de/barrierefreiheit">Barrierefreiheit</a> </div> <div class="mx-2 mb-2"> <a class="link" accesskey="7" href="https://www.tu-darmstadt.de/datenschutzerklaerung" title="[Alt(+Shift)+7]">Datenschutzerklärung</a> </div> <div class="mx-2 mb-2"> <a class="link" href="datenschutz.de.jsp">Webseitenanalyse</a> </div> </div> </nav> </div> </div> </div> </footer> </div>  <div id="btn-top" class="invisible position-fixed w-100 theme-light d-print-none"> <div id="btn-top_wrapper" class="wrap-xl px-4 position-relative"> <a id="btn-top_link" accesskey="t" title="[Alt(+Shift)+t]" class="d-inline-block border border-white bg-key link-outer position-absolute text-white text-center" href="#top"><span class="sr-only">Zum Seitenbeginn</span><span class="icon fasr fa-arrow-up" aria-hidden="true"></span></a> </div> </div>  <cookie-modal inline-template> <div id="cookie-modal" class="d-print-none modal fade reveal" data-backdrop="static" tabindex="-1" role="dialog" aria-labelledby="cookie-modal" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-md" role="document"> <div class="modal-content position-relative p-4"> <div class="grid-2"> <div class="cell-12 stack-1"> <p class="running-text sans-mini"> Wir möchten die Informationen und das Nutzungserlebnis auf dieser Webseite an Ihre Bedürfnisse anpassen. Deswegen verwenden wir sog. Cookies. Sie können selbst entscheiden, welche Cookies genau bei Ihrem Besuch unserer Webseiten gesetzt werden sollen.<br/> Einige Cookies sind für den Abruf der Website notwendig, damit diese auf Ihrem Endgerät richtig anzeigen werden kann. Diese essentiellen Cookies können nicht abgewählt werden.<br/> Der Komfort-Cookie speichert Ihre Spracheinstellung, während „Statistik“ die Auswertung durch die Open-Source-Statistik-Software „Matomo“ regelt.<br/> Weitere Informationen zum Einsatz von Cookies erhalten Sie in unserer <a class="link text-gr1" href="https://www.tu-darmstadt.de/datenschutzerklaerung"><span class="icon fass fa-long-arrow-right" aria-hidden="true"></span>Datenschutzerklärung</a>. </p> <form class="my-1 sans-mini"> <label class="d-block"><input type="checkbox" v-model="acceptedCookies" value="essential" checked="checked" disabled="disabled"/> Nur essentielle</label> <label class="d-block"><input type="checkbox" v-model="acceptedCookies" value="usability"/> Komfort</label> <label class="d-block"><input type="checkbox" v-model="acceptedCookies" value="statistics"/> Statistiken</label> <button type="button" class="btn btn-key mr-1 mt-1" @click="acceptCookies(true)"> Alle akzeptieren </button> <button type="button" class="btn btn-key mt-1" @click="acceptCookies(false)"> Speichern & schließen </button> </form> <p class="sans-mini"> <a class="link text-nowrap text-gr1" href="impressum/index.de.jsp"><span class="icon fass fa-long-arrow-right" aria-hidden="true"></span>Impressum</a> </p> </div> </div> </div> </div> </div> </cookie-modal> </div> <script src="/media/resources/scripts/lib_js/jquery-3.6.0.min.js"></script> <script src="/media/resources/scripts/lib_js/bootstrap-4.4.1.min.js"></script> <script src="/media/resources/scripts/lib_js/vue-2.6.11.min.js"></script> <script src="/media/resources/scripts/lib_1.0.0.js"></script> <script> const pageId = "929579"; const sitemapUrl = 'hauptmenue.de.json'; const fastBlocksUrl = 'schnelleinstieg.de.json'; const menuPath = []; var level = 0; var currentIndex = menuPath.indexOf("www__tu_darmstadt__de"); </script> <script> var socialMediaItemsUrl = "socialmedia.de.json"; </script> <script src="/media/resources/scripts/modules_js/social-media.js"></script> <script src="/media/resources/scripts/app_1.1.5.de.js"></script> <script type="text/x-template" id="phablet-fast-item"> <div class="phablet-fast-item" :class="bgClass"> <button type="button" class="collapse-tab p-3" ref="source" :class="textClass" :aria-controls="targetID" :aria-expanded="String(isOpen)" :id="sourceID" @click="toggle"><slot name="tab"></slot><span class="icon fass fa-chevron-down fa-fw"></span></button> <transition :css="false" @enter="enter" @leave="leave" @after-enter="afterEnter" @before-leave="beforeLeave"> <div class="collapse-panel" role="region" v-show="isOpen" ref="target" :id="targetID" :class="textClass" :aria-labelledby="sourceID" :aria-hidden="String(!isOpen)"> <slot name="panel"></slot> </div> </transition> </div> </script> <script> function normalizeBodyHeights(teaser) { var bodies = $(teaser).find('.teaser-body'); var maxHeight = Math.max(...bodies.map(function(){ return $(this).height() }).get()); bodies.height(maxHeight); } $(function(){ normalizeBodyHeights('#newsteaser_14691585'); $(window).resize(normalizeBodyHeights('#newsteaser_14691585')); $('#newsteaser_14691585').carousel({ pause: "hover", interval: false }); }); </script> <script> $(function(){ normalizeBodyHeights('#newsteaser_10837499'); $(window).resize(normalizeBodyHeights('#newsteaser_10837499')); $('#newsteaser_10837499').carousel({ pause: "hover", interval: false }); }); </script> <script> $(function(){ $('.flip-tile').click(function(){ $(this).find('.tile-image').toggleClass("invisible"); $(this).find('.tile-text').toggleClass("invisible"); }); $('.tile-text a.link').each(function(){ $(this).addClass("d-inline-flex"); $(this).find(".icon").wrap('<span class="d-inline-block"></span>'); }); }); </script> <script> function normalizeCaptionHeights(teaser) { var captions = $(teaser).find('figcaption'); var maxHeight = Math.max(...captions.map(function(){ return $(this).outerHeight() }).get()); captions.height(maxHeight); } $(function(){ normalizeCaptionHeights('#slider_14691588'); $(window).resize(normalizeCaptionHeights('#slider_14691588')); $('#slider_14691588').on('slide.bs.carousel', function (e) { var $e = $(e.relatedTarget); var idx = $e.index(); var itemsPerSlide = 3; var totalItems = $('#slider_14691588 .carousel-item').length; if (idx >= totalItems-(itemsPerSlide-1)) { var it = itemsPerSlide - (totalItems - idx); for (var i=0; i<it; i++) { // append slides to end if (e.direction=="left") { $('#slider_14691588 .carousel-item').eq(i).appendTo('#slider_14691588 .carousel-inner'); } else { $('#slider_14691588 .carousel-item').eq(0).appendTo('#slider_14691588 .carousel-inner'); } } } }); $('#slider_14691588').carousel({ pause: "hover", interval: false }); }); </script> <script> $(function(){ var tocHeight = Math.round($("#toc").height()); var menuHeight = Math.round($(".menu-border:visible").height() + $(".menu-frame:visible").height() - $(".meta-headings").height()); var scrollMarginTop = menuHeight + tocHeight + 20; var tocTop = menuHeight - 2; var offset = scrollMarginTop + 10; $("#toc").css("top", tocTop + "px"); $("#toc_content section").each(function(){ $(this).css("scroll-margin-top", scrollMarginTop + "px"); }); $('body').scrollspy({ target: '#toc', offset: offset }); }); </script> <script> function adjustCarouselItems(){ if($(window).width() < 800){ $('.carousel-control').height($("#slider").find(".active img:first").height()); var carouselItems = $('#slider').find('.carousel-item'); carouselItems .addClass("bg-gr5") .css("backface-visibility", "visible") .height( Math.max(...carouselItems.map(function(){ return $(this).height() }).get()) ) .css("backface-visibility", "hidden"); } else{ $('.carousel-item, .carousel-control').height("auto"); if(!isMobile()){ $('#slider').carousel('cycle'); } } } $(function(){ adjustCarouselItems(); $(window).resize(function(){ adjustCarouselItems(); }); }); </script>  <script> var _paq = _paq || []; if(Cookies.get("cookie-consent") && Cookies.get("cookie-consent")!="*" && !Cookies.get("cookie-consent").includes("statistics")){ _paq.push(['disableCookies']); } _paq.push(["setDoNotTrack", true]); _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function() { var u="https://statistics.tu-darmstadt.de/matomo/"; _paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setSiteId', 3]); var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s); })(); </script> <noscript><p><img src="https://statistics.tu-darmstadt.de/matomo/matomo.php?idsite=3" style="border:0;" alt="" /></p></noscript>  </body> </html>