.ce_gallery,
.ce_gallery ul {
    display: block;
    overflow: hidden
}
.ce_gallery ul li {
    float: left;
    list-style-type: none
}
.ce_gallery .image_container {
    position: relative;
    margin: 0
}
.ce_gallery .col_first {
    clear: both
}
.mod_article img {
    border-color: black;
        border-style: solid;
}
.mod_abschlussarbeiten_list .active {
    font-weight:bold;
}
.mod_mitglieder_list .person {
    overflow:auto;
}
.swipe {
    overflow: hidden;
      visibility: hidden;
      position: relative;
}
.swipe-wrap {
    overflow: hidden;
      position: relative;
}
.swipe-wrap > div {
    float:left;
      width:100%;
      position: relative;
}
.mod_projektInformation .projektPhotoContainer img {
    margin-left:5px;
    border:1px solid #000;
}
.mod_projektInformation .projektDetails .mittelgeber {
    width:50%;
    margin-left:10%;
}
.mod_projektInformation .projektDetails .personen {
    width:40%;
}
.mod_projektInformation .projektDetails {
    width:100%;
    display: flex;
        grid-column: 1 / 13;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
}
.mod_projektInformation .projektPhotoContainer {
    float:right;
    display:inline-block;
}
.mod_projektInformation .title {
    border-bottom:1px dashed #E30613;
    font-weight:bold;
}
.personPhotoContainer img,
.mod_projekte_list .left img {
    border:1px solid #000;
}
.emptypersonPhotoContainer img {
    border: none;
}
.mail > img {
    top:3px;
    position:relative;
}
.mod_personInformation {
    width:100%;
    display:inline-block;
}
.mod_personInformation .personPhotoContainer {
    float:left;
    margin-right:50px;
    margin-bottom:5px;
}
.topspace {
    margin-top:40px;
    margin-bottom:10px;
}
.mod_breadcrumb .active {
    margin-right:5px;
    margin-left:5px;
    font-weight:bold;
    text-decoration:none;
    color:#535850;
}
.mod_breadcrumb a {
    margin-right:5px;
    margin-left:5px;
    text-decoration:none;
    color:#535850;
}
.mod_breadcrumb li:after {
    content: " → ";
}
.mod_breadcrumb li.active:after {
    content:"";
}
.mod_breadcrumb li {
    display:inline-block;
    margin-top:20px;
}
#logo {
    display:block;
    background-repeat:no-repeat;
    background-size:contain;
}
#wrapper {
    width:100%;
}
.block {
    overflow:visible;
}
* {
    margin:0;
    padding:0;
}
body,
input,
textarea,
select {
    font:11pt/1.75em arial;
}
.ce_accordion h2:before {
    content: " + ";
}
.ui-state-active h2:before {
    content: " - ";
}
#header .container {
    position:relative;
    margin: auto;
}
#slider {
    position:relative;
}
#slider .container {
    width:100%;
    height:150px;
    margin:0;
    background-image: linear-gradient(90deg, transparent, rgba(255,255,255,.7), rgba(255,255,255,.7), rgba(255,255,255,.7), rgba(255,255,255,.7), rgba(255,255,255,.7),transparent);
}
#slider .title {
    float:left;
    font-size:50px;
    color:#222;
    padding:60px 25px 25px 20%;
}
#main {
    background: #fff;
}
footer {
    clear:both;
    border-top: 5px solid rgba(83,88,80,1);
}
footer > div {
    margin:0 auto;
    padding:30px;
}
footer a {
    font-size:15px;
    text-decoration:none;
    color: rgba(83,88,80,1);
}
footer a:hover {
    text-decoration:underline;
}
footer ul {
    list-style: none;
}
.invisible {
    display:none;
    visibility: hidden;
}
.subs h1:after,
.subs h1 {
    margin-top:-5px;
    line-height:32px;
}
#main * {
    font-family:arial;
}
#main h1,
h2,
h3,
h4 {
    display:table;
}
#main h1:after,
h1 {
    margin-bottom:30px;
    padding-bottom:5px;
    font-size:180%;
    line-height:1.2;
    color:#333;
    letter-spacing:1px;
    font-weight: 400;
    border-bottom: thin dashed #E30613;
}
#main h2:after,
h2 {
    margin:20px 0 12px;
    font-size:140%;
    color:#333;
    letter-spacing:1px;
    font-weight: 400;
    	border-bottom: thin dashed #E30613;
}
#main a {
    text-decoration:none;
    color:#E30613;
}
#main a:hover {
    text-decoration:underline;
}
.mod_abschlussarbeiten_list,
.mod_publikationen_list {
    grid-template-columns: repeat(12, 1fr);
}
.mod_abschlussarbeiten_list h1 {
    grid-column: 1 / 13;
}
.mod_abschlussarbeiten_list form,
.mod_publikationen_list .years,
.mod_vortraege_list .years {
    margin:auto;
    text-align:center;
    grid-column: 3 / 10;
}
.mod_abschlussarbeiten_list .element {
    margin-top:10px;
    margin-bottom:5px;
    grid-column: 1 / 13;
    grid-template-columns: repeat(12, 1fr);
}
.mod_abschlussarbeiten_list .element .head {
    font-weight:normal;
    grid-column: 1 / 13;
}
.mod_abschlussarbeiten_list .element .details {
    display:flex;
    grid-column: 1 / 13;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.mod_abschlussarbeiten_list .element .titel {
    font-weight:bold;
}
.mod_abschlussarbeiten_list .element .details>div {
    word-wrap: break-word;
}
.mod_abschlussarbeiten_list .element .head .datum {
    font-style:italic;
}
.mod_abschlussarbeiten_list .element>.details>.pruefer {
    width:50%;
}
.mod_abschlussarbeiten_list .element>.details>.kooperationspartner {
    width:50%;
}
.mod_abschlussarbeiten_list .element div .title {
    border-bottom: thin dashed #E30613;
}
.mod_abschlussarbeiten_list form button {
    background: none;
        color: #E30613;
        border: none;
        padding: 0;
        font: inherit;
        cursor: pointer;
}
.mod_abschlussarbeiten_list form button:hover {
    text-decoration: underline;
}
.mod_vortraege_list .selected,
.mod_publikationen_list .selected,
.mod_abschlussarbeiten_list form .selected {
    font-weight:bold;
}
.mod_abschlussarbeiten_list form input {
    display:none;
}
.mod_abschlussarbeiten_list form select {
    width:360px;
}
.mod_abschlussarbeiten_list form select:hover {
    text-decoration: underline;
}
.pagination {
    margin:auto auto 10px;
    grid-column: 2 / 12;
}
.pagination ul,
.pagination li {
    margin:0 0 10px;
    padding:0;
    list-style: none;
}
.pagination li {
    position:relative;
    float:left;
    padding-left:5px;
    /* Platz für Trenner */;
}

/* alle Items */
.pagination a,
.pagination span {
    display:block;
    padding:5px;
}

/* alle Listenpunkte */
.pagination li:before {
    left:0;
    top:.25em;
    content: "·";
    /* ·
    */
    	position: absolute;
}

/* Keine Nummer und erste Nummer wieder zurücksetzen */
.pagination li[class],
.pagination li[class] + li,
.pagination li:first-child {
    padding-left:0;
}
.pagination li[class]:before,
.pagination li[class] + li:before,
.pagination li:first-child:before {
    display:none;
}
.mod_mitglieder_list .personPhotoContainer {
    width:80px;
    max-height:120px;
    position:relative;
    float:left;
    margin:0 10px 10px;
}
.mod_ehemalige_mitglieder_list .personPhotoContainer {
    width:80px;
    max-height:120px;
    position:relative;
    float:left;
    display:table;
    margin:10px;
}
.mod_ehemalige_mitglieder_list .personDetails {
    display:table;
    margin-left:100px;
}
.mod_ehemalige_mitglieder_list .person {
    width:auto;
    display:table;
    margin-bottom:10px;
}
.mod_publikationen_list .title {
    font-weight:bold;
}
.mod_mitglieder_list {
    margin-bottom:30px;
}
.mod_mitglieder_list .personDetails {
    display:block;
    margin-left:100px;
    margin-bottom:20px;
}
.mod_mitglieder_list .Person {
    width:auto;
    display:block;
    margin-bottom:10px;
}
.mod_publikationen_list .element {
    margin-top:10px;
    margin-bottom:10px;
}
.mod_vortraege_list .element {
    margin-top:10px;
    margin-bottom:10px;
}
.mod_vortraege_list .title {
    font-weight:bold;
}

/* Listenelemente einrücken */
.mod_article ul {
    margin-bottom:20px;
    margin-left:30px;
}
.mod_article > .ce_text {
    margin-bottom:30px;
}
.mod_article > .ce_text > p {
    margin-bottom:10px;
}
.mod_article > .ce_text > table > tbody > tr > td > h2 {
    margin-top:0;
}
.mod_projekte_list>.element {
    width:100%;
    display:inline-block;
    margin-bottom:20px;
}
.mod_projekte_list > .element div .duration {
    display:inline-block;
    font-weight:bold;
    font-style:italic;
}
.mod_projekte_list > .element div .sponsortext {
    position: relative;
    width: auto;
    display: block;
    font-style: italic;
    font-weight: normal;
    font-size: 90%;
}
.mod_projekte_list > .element > .main > .sponsorlogos {
    margin-right:5px;
    font-size: 70%;
    max-width:10%;
    max-height:10%;
    height:50px;
    width: auto;
    float: right;
    position: relative;
    overflow: hidden;
}
.mod_projekte_list > .element > .main > .sponsorlogos img {
    max-height: 50px;
    width: auto;
}
.mod_projekte_list>.element>.left {
    width: 59%;
    margin-right: 10%;
    position: relative;
    display: inline-block;
}
.mod_projekte_list > .element > .left > .image {
    position:relative;
    display:inline-block;
    margin:0 5px 0 0;
    vertical-align: middle;
    horiz-align: center;
    overflow: hidden;
    float: left;
}
.mod_projekte_list > .element > .left > .kurzfassung {
    text-align: justify;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
}
.mod_projekte_list>.element>.right {
    width: 30%;
    position: relative;
    display: inline-block;
    vertical-align: top;
    float:right;
}
.mod_projekte_list > .element > .right > .titel {
    border-bottom: thin dashed #E30613;
}
.mod_projekte_list > .element > .right > .element {
    float: left;
    clear: left;
    display:inline;
}
.mod_newslist .layout_simple {
    margin-top:5px;
    margin-bottom:5px;
    margin-left:3px;
}
.mod_newslist .layout_simple a {
    margin:0;
}
.mod_newsreader {
    margin-bottom:30px;
}
.mod_newsreader > .layout_full {
    margin-bottom:30px;
}
.mod_newsreader > .layout_full > .info {
    margin-left: 10px;
    font-style: italic;
    font-size: 90%;
}
.mod_newsreader > .layout_full > h2 {
    margin-top: 0px;
    font-weight: bold;
    border: none;
}
.mod_eventlist >.layout_teaser >.date {
    width:100%;
    display:inline-block;
    margin-right:0;
    margin-left:0;
    font-size:90%;
    font-style:italic;
}
.mod_eventlist >div >.layout_teaser >.contentWithImage,
.mod_eventlist>.layout_teaser >.contentWithImage {
    width:95%;
    display:inline-block;
}
.mod_eventlist> div > .layout_teaser > .contentWithImage > .eventcontent,
.mod_eventlist > .layout_teaser > .contentWithImage > .eventcontent {
    width:570px;
}
.mod_eventlist  >div >.layout_teaser > .contentWithImage > .imagecontent,
.mod_eventlist>.layout_teaser > .contentWithImage > .imagecontent {
    width:80px;
    overflow:hidden;
    float:left;
    margin-right:5px;
}
.mod_eventlist>div >.layout_teaser  >.eventcontent,
.mod_eventlist>.layout_teaser  >.eventcontent {
    width:95%;
    margin-left:10px;
}
.mod_eventlist>div >.layout_upcoming_no_links >.date {
    min-width:100px;
    display:inline-block;
    margin-right:0;
    margin-left:50px;
    font-size:90%;
    font-style:italic;
}
.mod_eventlist>div >.layout_upcoming >.event {
    display:inline-block;
    margin-right:10px;
    margin-left:20px;
}
.mod_eventlist >div>.layout_teaser {
    display:inline-block;
    margin-bottom:20px;
}
.mod_eventreader > .layout_full > .info {
    display:inline-flex;
}
.mod_eventreader > .layout_full > .info > .entry {
    width:60px;
    height:100px;
    display:grid;
}
.mod_eventreader > .layout_full > .info > .entry > .date {
    width:60px;
    height:80px;
    text-align:center;
    background-color:#d0d0d0;
    border:1px solid;
    font-size:90%;
    font-style:italic;
}
.mod_eventreader > .layout_full > .info > .entry > .date > .month {
    height:15%;
    font-size:80%;
    font-weight:bold;
}
.mod_eventreader > .layout_full > .info > .entry > .date > .day {
    height:20px;
    margin-top:10px;
    font-size:250%;
    font-weight:bold;
    color:#E30613;
}
.mod_eventreader > .layout_full > .info > .entry > .date > .dayname {
    font-size:60%;
}
.mod_eventreader > .layout_full > .info > .entry > .date > .year {
    margin-top:-10px;
}
.mod_eventreader > .layout_full > .info > .betweenBlock {
    height:40px;
    margin:20px;
    vertical-align:middle;
    text-align:center;
    font-size:600%;
}
.mod_eventreader > .layout_full > .info > .entry > .clock {
    width:60px;
    margin-left:1px;
    text-align:center;
    font-family:consolas;
    font-weight:bold;
}
.mod_eventreader > .layout_full > .location {
    font-weight:bold;
}
.mod_eventreader > .layout_full {
    margin-bottom:30px;
}
.mod_eventreader > .layout_full > .ce_text {
    margin-top:20px;
}
.mod_eventreader > .back {
    margin-bottom:10px;
}
.ce_downloads > table {
    width:100%;
    margin-right:auto;
    margin-left:auto;
    text-align:center;
}
.ce_downloads .preview {
    margin-bottom:25px;
}
.ce_downloads .preview > .title {
    font-weight:bold;
}
.ce_downloads .preview img {
    width:210px;
    height:300px;
    border:1px solid #D0D0D0;
}
.mod_article > .ce_text #mainpage_institutview {
    width:200px;
    height:158px;
    float:right;
    margin-right:20px;
    margin-left:10px;
    border:1px solid #000;
}
#main .nach_oben_link {
    bottom: 20px;
    position: fixed;
    right: 30px;
    z-index: 5;
    display: none;
}
#main .nach_oben_link > a {
    border-radius: 4px;
    color: #E30613;
    display: block;
    font-size: 26px;
    font-size: 1.625rem;
    height: 35px;
    text-align: center;
    width: 35px;
}
#main .nach_oben_link > a:hover {
    background: #d0d0d0;
}


.mod_stellen_list .element {
    margin-top:10px;
    margin-bottom:5px;
    display: grid;
    grid-template-columns: 100px auto ;
}
.mod_stellen_list .element .date_container{
    grid-column: 1 / 1;
    grid-row: 1/2;
}

.mod_stellen_list .element .offer {
    font-weight:bold;
    grid-column: 2 / 2;
    grid-row: 1 / 2;
}
.mod_stellen_list .element .anbieter_container {
    grid-column: 2 / 2;
    grid-row: 2 / 3;
}
.mod_stellen_list .element >div {
    word-wrap: break-word;
}
.mod_stellen_list .element .date {
    font-style:italic;
    padding-right:10px;
}
.mod_stellen_list .element>.anbieter {
    width:50%;
}
.mod_stellen_list .element>.anbieter {
    width:50%;
}
.mod_stellen_list .element div .title {
    border-bottom: thin dashed #E30613;
}