/*** Globals ***/


/*** Seitenelemente: Globale Abstände ***/
.pgelement {
    margin-bottom: 30px;
}


/*** No-Select ***/
.no-select {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

/*** Badge: Höhe korrigieren ***/
.badge {
    padding: 0 8px 0 8px;
    line-height: 28px;
    border-color: transparent;
    width: auto;
}

/*** Badge: Als Button Hover-/Focus-Färbung definieren ***/
button.badge:hover,
button.badge:focus {
    outline: none;
    background-color: #333;
}


/*** Stretched Links ***/
.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: rgba(0,0,0,0);
}
#wrapper a.stretched-link[href$='.pdf']:link::after,
#wrapper ul.linklist_standard li a.stretched-link[href$='.pdf']::after {
    content: "";
}
table tr th .stretched-link,
table tr td .stretched-link {
    display: inline-block;
    width: 100%;
}







/* Social Share Buttons */
.share-box {
    position: relative;
    text-align: center;
    color: #333;
    margin: 0 0 15px 0;
    padding: 20px 0;
}
.share-box p {
    margin-bottom: 10px;
}
.share-box p.share-links {
    margin-bottom: 0;
}
.share-box a {
    color: #333;
}
#wrapper .share-box a:not([href*="uni-stuttgart.de"])::after {
    content: "";
}
.share-box a.xs-icon-white {
    background-color: #333;
    border: 1px solid #333;
    border-radius: 50%;
    width: 40px;
    height: 40px;
}
.share-box a.xs-icon-white.facebook:hover {
    background-color: #3c5997;
    border-color: #3c5997;
}
.share-box a.xs-icon-white.twitter:hover {
    background-color: #54abed;
    border-color: #54abed;
}
.share-box a.xs-icon-white.linkedin:hover {
    background-color: #0077B5;
    border-color: #0077B5;
}
.share-box a.xs-icon-white.xing:hover {
    background-color: #007575;
    border-color: #007575;
}
.share-box a.xs-icon-white.email:hover {
    background-color: #cf3223;
    border-color: #cf3223;
}
.share-box .double-click-box {
    position: absolute;
    z-index: 999;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 5px 0;
    background-color: #fff;
    color: #333;
    cursor: pointer;
    display: none;
}
.share-box .double-click-box.offline-info {
    padding: 30px 0;
}
.share-box .double-click-box a {
    color: #004191;
    text-decoration: underline;
}
.share-box .double-click-box a.btn {
    color: #fff;
    text-decoration: none;
    margin-top: 5px;
    margin-bottom: 5px;
}
#wrapper .share-box .double-click-box a.btn:not([href*="uni-stuttgart.de"])::after {
    content: "";
}
.share-box .double-click-box a:hover {
    text-decoration: none;
}





/* Links immer Farbe #004191 und unterstreichen (außer wenn der Kontext schon auf einen Link hinweist) */
a, p a {
    text-decoration: underline;
    color: #004191;
}

.b-page-header .header-box a,
.b-page-nav a,
.b-page-nav .persona li a,
.b-breadscroller--default a,
[data-css="c-stream-teaser"] a,
[data-css="c-area-teaser"] a,
.newsstream a,
.linklist a,
.panel-title a,
.nav-tabs a,
.c-linklist--footer-service-links a,
a.btn {
    text-decoration: none;
}






/* Elemente visuell verbergen, 
   aber für Screenreader lesbar lassen */
.visually-hidden {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}






/* Buttons mit ... abkürzen */
.btn {
    /*overflow: hidden;
    text-overflow: ellipsis;*/
    overflow: unset;
    text-overflow: unset;
    white-space: unset;
}




/* Footer: Instagram-Icon */
.c-linklist--footer-socials .linklist__entry .linklist__link.is-instagram:after {
    width: 26px;
    height: 26px;
    background-position: -1285px -36px;
    background-size: 1450px 110px;
    background-image: url(../img/sprites/sprites-icons-sprite.svg);
}
.c-linklist--footer-socials .linklist__entry .linklist__link.is-instagram:hover,
.c-linklist--footer-socials .linklist__entry .linklist__link.is-instagram:focus {
    background:
            radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%),
            radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%),
            radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%),
            radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%),
            radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%),
            radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%),
            radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent),
            linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);
    border-color: #333;
}

/* Footer: LinkedIn-Icon */
.c-linklist--footer-socials .linklist__entry .linklist__link.is-linkedin:after {
    width: 26px;
    height: 26px;
    background-position: -1326px -36px;
    background-size: 1450px 110px;
    background-image: url(../img/sprites/sprites-icons-sprite.svg);
}
.c-linklist--footer-socials .linklist__entry .linklist__link.is-linkedin:hover,
.c-linklist--footer-socials .linklist__entry .linklist__link.is-linkedin:focus {
    background-color: #0073b1;
    border-color: #0073b1;
}



/* Footer: Breite */
.c-linklist--footer-service-links .linklist__list {
    max-width: none;
}



/* Layoutrow-Variante 4/4/4 */
.cols-444 {
    margin: 0 0 7px 0;
}



/* Storyteaser in Layoutrow-Variante 4/4/4 */
/* .cols-444 [data-css="c-story-teaser"], 
.cols-444 .b-teaser .teaser__wrapper,
.cols-444 .b-teaser .teaser__footer {
	width: 100%;
}
@media (min-width: 480px) {
	.cols-444 .c-figure--story-teaser img {
		width: 300px;
		height: 300px;
	}
	.cols-444 [data-css="c-story-teaser"] .story-teaser__content {
		width: 210px;
		height: 210px;
	}
	.cols-444 [data-css="c-story-teaser"] .story-teaser__headline {
		font-size: 18px;
		height: 100px;
		width: 140px;
	}
}
@media (min-width: 768px) {
	.cols-444 .c-figure--story-teaser img {
		width: 170px;
		height: 170px;
	}
	.cols-444 [data-css="c-story-teaser"] .story-teaser__content {
		width: 150px;
		height: 150px;
	}
	.cols-444 [data-css="c-story-teaser"] .story-teaser__headline {
		font-size: 16px;
		height: 80px;
		width: 100px;
	}
}
@media (min-width: 992px) {
	.cols-444 .c-figure--story-teaser img {
		width: 250px;
		height: 250px;
	}
	.cols-444 [data-css="c-story-teaser"] .story-teaser__content {
		width: 210px;
		height: 210px;
	}
	.cols-444 [data-css="c-story-teaser"] .story-teaser__headline {
		font-size: 18px;
		height: 100px;
		width: 140px;
	}
} */

/* Link-Gruppen */
.linkgruppe > .container-inner > .row > .col-md-12 > h2 {
    margin-top: 0;
}
.linkgruppe .row.flexrow {
    display: flex;
    flex-wrap: wrap;
}
.linkgruppe .row.flexrow > .flexcol {
    display: flex;
    flex-direction: column;
}
@media screen and (min-width: 992px) {
    .linkgruppe .row.flexrow > .flexcol.col-sm-6 {
        /* unschöner hotfix:
        obwohl markup identisch zu 2-col-mitarbeiterliste,
        brachen hier bisher die spalten einer zeile um
        (bei 2-col-mitarbeiterliste sitzt es sauber).
        deshalb wurde die spaltenbreite um 0.1% verringert. / 2019-03-15, TS
        wurde jetzt auch bei 3- und 4-spaltern so angewandt. / 2019-04-24, TS */
        width: 49.9%;
    }
    .linkgruppe .row.flexrow > .flexcol.col-sm-6.col-md-4 {
        width: 33.2%;
    }
    .linkgruppe .row.flexrow > .flexcol.col-sm-6.col-md-3 {
        width: 24.9%;
    }
}
@media screen and (max-width: 991px) {
    .linkgruppe .row.flexrow > .flexcol.col-sm-6.col-md-4,
    .linkgruppe .row.flexrow > .flexcol.col-sm-6.col-md-3 {
        width: 49.9%;
    }
}
@media screen and (max-width: 767px) {
    .linkgruppe .row.flexrow > .flexcol.col-sm-6.col-md-4,
    .linkgruppe .row.flexrow > .flexcol.col-sm-6.col-md-3 {
        width: 100%;
    }
}
.linkgruppe .st_extended.col-sm-6.col-md-4 .c-figure--story-teaser img {
    width: 250px;
    height: 250px;
}
.linkgruppe .st_extended.col-sm-6.col-md-3 .c-figure--story-teaser img {
    width: 167.5px;
    height: 167.5px;
}
.linkgruppe .st_extended.col-sm-6.col-md-4 [data-css="c-story-teaser"] .story-teaser__content {
    width: 180px;
    height: 180px;
}
.linkgruppe .st_extended.col-sm-6.col-md-3 [data-css="c-story-teaser"] .story-teaser__content {
    width: 150px;
    height: 150px;
}
.linkgruppe .st_extended.col-sm-6.col-md-4 [data-css="c-story-teaser"] .story-teaser__content .story-teaser__headline {
    width: 110px;
    height: 90px;
}
.linkgruppe .st_extended.col-sm-6.col-md-3 [data-css="c-story-teaser"] .story-teaser__content .story-teaser__headline {
    height: 72px;
    width: 120px;
}
.linkgruppe .st_extended.col-sm-6 [data-css="c-story-teaser"] {
    width: 100%;
}
.linkgruppe .st_extended.col-sm-6.col-md-4 [data-css="c-story-teaser"] {
    width: 100%;
}
.linkgruppe .st_extended.col-sm-6.col-md-3 [data-css="c-story-teaser"] {
    width: 100%;
}
.linkgruppe .st_extended.col-sm-6 [data-css="c-story-teaser"]:nth-child(2n+2) {
    float: left;
}
.linkgruppe .st_extended.col-sm-6 .stex-content {
    width: 370px;
    margin: 0 auto;
    text-align: left;
    padding-left: 0px;
}
.linkgruppe .st_extended.col-sm-6.col-md-4 .stex-content {
    width: 293px;
}
.linkgruppe .st_extended.col-sm-6.col-md-3 .stex-content {
    width: 215px;
}
.linkgruppe .st_extended.col-sm-6 .stex-content .btn {
    width: 100%;
    max-width: 340px;
    max-width: 390px;
}
.linkgruppe .st_extended.col-sm-6.col-md-4 .stex-content .btn {
    max-width: 250px;
    max-width: 293px;
}
.linkgruppe .st_extended.col-sm-6.col-md-4 [data-css="c-story-teaser"] .story-teaser__link {
    width: 293px;
}
.linkgruppe .st_extended.col-sm-6.col-md-3 .stex-content .btn {
    max-width: 165px;
    max-width: 215px;
}
.linkgruppe .st_extended.col-sm-6.col-md-3 [data-css="c-story-teaser"] .story-teaser__link {
    width: 215px;
}
.linkgruppe .st_extended.col-md-12 .teaser__footer {
    text-align: center;
    padding-bottom: 50px;
}
.linkgruppe .st_extended.col-sm-6 [data-css="c-story-teaser"] .story-teaser__content,
.linkgruppe .st_extended.col-sm-6.col-md-4 [data-css="c-story-teaser"] .story-teaser__content,
.linkgruppe .st_extended.col-sm-6.col-md-3 [data-css="c-story-teaser"] .story-teaser__content {
    width: 100%;
    height: auto;
    position: relative;
    display: block;
    border-radius: 0;
    background-color: transparent;
}
.linkgruppe .st_extended.col-sm-6 [data-css="c-story-teaser"] .story-teaser__content .story-teaser__headline,
.linkgruppe .st_extended.col-sm-6.col-md-4 [data-css="c-story-teaser"] .story-teaser__content .story-teaser__headline,
.linkgruppe .st_extended.col-sm-6.col-md-3 [data-css="c-story-teaser"] .story-teaser__content .story-teaser__headline {
    position: relative;
    width: 100%;
    height: auto;
    top: 0;
    left: 0;
    -webkit-transform: none;
    transform: none;
    -ms-transform: none;
    color: #333;
}
.linkgruppe .st_extended.col-sm-6 [data-css="c-story-teaser"] .story-teaser__figure,
.linkgruppe .st_extended.col-sm-6.col-md-4 [data-css="c-story-teaser"] .story-teaser__figure,
.linkgruppe .st_extended.col-sm-6.col-md-3 [data-css="c-story-teaser"] .story-teaser__figure {
    padding: 0 0 20px 0;
}
.linkgruppe .st_extended.col-sm-6 [data-css="c-story-teaser"] .story-teaser__figure img {
    width: 370px;
    height: 370px;
}
.linkgruppe .story-teaser__wrapper {
    float: none;
}
.linkgruppe .st_extended.col-sm-6 [data-css="c-story-teaser"] .story-teaser__wrapper {
    width: 370px;
}
.linkgruppe .st_extended.col-sm-6.col-md-4 [data-css="c-story-teaser"] .story-teaser__figure img {
    width: 293px;
    height: 293px;
}
.linkgruppe .st_extended.col-sm-6.col-md-4 [data-css="c-story-teaser"] .story-teaser__wrapper {
    width: 293px;
}
.linkgruppe .st_extended.col-sm-6.col-md-3 [data-css="c-story-teaser"] .story-teaser__figure img {
    width: 217.5px;
    height: 217.5px;
}
.linkgruppe .st_extended.col-sm-6.col-md-3 [data-css="c-story-teaser"] .story-teaser__wrapper  {
    width: 217.5px;
}
.linkgruppe .st_extended.col-sm-6 .stex-content .linklist_standard,
.linkgruppe .st_extended.col-sm-6.col-md-4 .stex-content .linklist_standard,
.linkgruppe .st_extended.col-sm-6.col-md-3 .stex-content .linklist_standard {
    margin: 10px 0 5px 0;
}
.linkgruppe .st_extended.squared.col-sm-6 [data-css="c-story-teaser"] .story-teaser__figure img,
.linkgruppe .st_extended.squared.col-sm-6.col-md-4 [data-css="c-story-teaser"] .story-teaser__figure img,
.linkgruppe .st_extended.squared.col-sm-6.col-md-3 [data-css="c-story-teaser"] .story-teaser__figure img {
    border-radius: 0;
}
.linkgruppe .st_extended.round.col-sm-6 [data-css="c-story-teaser"] .story-teaser__content .story-teaser__headline {
    text-align: center;
}
@media screen and (max-width: 991px) {
    .linkgruppe .st_extended.col-sm-6 [data-css="c-story-teaser"] .story-teaser__wrapper,
    .linkgruppe .st_extended.col-sm-6.col-md-4 [data-css="c-story-teaser"] .story-teaser__wrapper,
    .linkgruppe .st_extended.col-sm-6.col-md-3 [data-css="c-story-teaser"] .story-teaser__wrapper {
        width: auto;
    }
    .linkgruppe .st_extended.col-sm-6 .c-figure--story-teaser img,
    .linkgruppe .st_extended.col-sm-6.col-md-4 .c-figure--story-teaser img,
    .linkgruppe .st_extended.col-sm-6.col-md-3 .c-figure--story-teaser img {
        width: 265px;
        height: 265px;
    }
    .linkgruppe .st_extended.col-sm-6 .stex-content,
    .linkgruppe .st_extended.col-sm-6.col-md-4 .stex-content,
    .linkgruppe .st_extended.col-sm-6.col-md-3 .stex-content {
        max-width: 310px;
        width: 100%;
        clear: both;
    }
    .linkgruppe .st_extended.col-sm-6 .stex-content .btn,
    .linkgruppe .st_extended.col-sm-6.col-md-4 .stex-content .btn,
    .linkgruppe .st_extended.col-sm-6.col-md-3 .stex-content .btn {
        max-width: 310px;
    }
    .linkgruppe .st_extended.col-sm-6.col-md-4 [data-css="c-story-teaser"] .story-teaser__link,
    .linkgruppe .st_extended.col-sm-6.col-md-3 [data-css="c-story-teaser"] .story-teaser__link {
        width: 310px;
        display: block;
        margin: 0 auto;
    }
    /* squared: beginn */
    .linkgruppe .st_extended.col-sm-6 [data-css="c-story-teaser"] .story-teaser__figure img,
    .linkgruppe .st_extended.col-sm-6.col-md-4 [data-css="c-story-teaser"] .story-teaser__figure img,
    .linkgruppe .st_extended.col-sm-6.col-md-3 [data-css="c-story-teaser"] .story-teaser__figure img {
        width: 310px;
        height: 310px;
    }
    .linkgruppe .st_extended.col-sm-6 .stex-content .btn,
    .linkgruppe .st_extended.col-sm-6.col-md-4 .stex-content .btn,
    .linkgruppe .st_extended.col-sm-6.col-md-3 .stex-content .btn,
    .linkgruppe .st_extended.col-sm-6 .story-teaser__content,
    .linkgruppe .st_extended.col-sm-6.col-md-4  [data-css="c-story-teaser"] .story-teaser__content,
    .linkgruppe .st_extended.col-sm-6.col-md-3  [data-css="c-story-teaser"] .story-teaser__content {
        max-width: 310px;
    }
    /* squared: ende */
}
@media screen and (max-width: 360px) {
    .linkgruppe .st_extended.col-sm-6 [data-css="c-story-teaser"] .story-teaser__figure img,
    .linkgruppe .st_extended.col-sm-6.col-md-4 [data-css="c-story-teaser"] .story-teaser__figure img,
    .linkgruppe .st_extended.col-sm-6.col-md-3 [data-css="c-story-teaser"] .story-teaser__figure img {
        width: 245px;
        height: 245px;
    }
    .linkgruppe .st_extended.col-sm-6  [data-css="c-story-teaser"] .story-teaser__content,
    .linkgruppe .st_extended.col-sm-6.col-md-4  [data-css="c-story-teaser"] .story-teaser__content,
    .linkgruppe .st_extended.col-sm-6.col-md-3  [data-css="c-story-teaser"] .story-teaser__content {
        max-width: 245px;
    }
}
@media screen and (max-width: 295px) {
    .linkgruppe .st_extended.col-sm-6 [data-css="c-story-teaser"] .story-teaser__figure img,
    .linkgruppe .st_extended.col-sm-6.col-md-4 [data-css="c-story-teaser"] .story-teaser__figure img,
    .linkgruppe .st_extended.col-sm-6.col-md-3 [data-css="c-story-teaser"] .story-teaser__figure img {
        width: 180px;
        height: 180px;
    }
    .linkgruppe .st_extended.col-sm-6  [data-css="c-story-teaser"] .story-teaser__content,
    .linkgruppe .st_extended.col-sm-6.col-md-4  [data-css="c-story-teaser"] .story-teaser__content,
    .linkgruppe .st_extended.col-sm-6.col-md-3  [data-css="c-story-teaser"] .story-teaser__content {
        max-width: 180px;
    }
}
.linkgruppe [data-css="c-story-teaser"],
.linkgruppe [data-css="c-story-teaser"] a.story-teaser__link,
.linkgruppe [data-css="c-story-teaser"] a.story-teaser__link .story-teaser__content p {
    color: #333;
    text-align: left;
}




/* Mitarbeiterliste */
.employee-list > .container-inner > .row > .col-xs-12 > h2 {
    margin-top: 0;
}

/* Mitarbeiterliste: Klickbarer Image-Placeholder */
.mitarbeiterliste .generic-list .generic-list-item .image div[data-css="c-box"] a {
    display: block;
    width: 80px;
    box-sizing: inherit;
}
.mitarbeiterliste .generic-list .generic-list-item .image div[data-css="c-box"] a .box__image {
    padding: 0;
}
.mitarbeiterliste .generic-list .generic-list-item .image div[data-css="c-box"] a .box__image .box__placeholder {
    border-radius: 50%;
}
.mitarbeiterliste .generic-list .generic-list-item .image div[data-css="c-box"] a .box__image .box__placeholder::after {
    font-size: 14px;
}
@media only screen and (max-width: 480px) {
    .mitarbeiterliste .generic-list .generic-list-item .image div[data-css="c-box"] a {
        display: table;
    }
    .mitarbeiterliste .generic-list .generic-list-item .image div[data-css="c-box"] a .box__image {
        display: table-cell;
        width: 80px;
    }
}




/* Ankerlinks-Offset (Online 200px) */
a[id^="id-"],
a[data-anchor],
span[data-anchor] {
    display: block;
    position: relative;
    top: -200px;
    visibility: hidden;
    padding: 0 !important;
    margin: 0 !important;
}
a[data-anchor]:before,
a[data-anchor]:after,
span[data-anchor]:before,
span[data-anchor]:after {
    content: "" !important;
}





/* Dateiliste: Datatable Pagination verkleinern */
.datatable .table-responsive .dataTables_wrapper .row {
    margin: 0;
}
.datatable .dataTables_paginate {
    text-align: right;
}
.datatable .dataTables_paginate .pagination {
    margin: 0 0 10px 0;
}
.datatable .dataTables_paginate .pagination > li:last-child {
    margin-right: 0;
}
.datatable .dataTables_paginate .pagination > li:first-child > a,
.datatable .dataTables_paginate .pagination > li:last-child > a {
    font-size: 0;
    color: transparent;
}
.datatable .dataTables_paginate .pagination > li {
    width: 44px;
    height: 44px;
    margin: 0 10px 10px 0;
}
.datatable .dataTables_paginate .pagination > li > a,
.datatable .dataTables_paginate .pagination > li > span {
    padding: 5px 0;
}
.datatable .dataTables_paginate .pagination > li:first-child > a::before,
.datatable .dataTables_paginate .pagination > li:first-child > span::before {
    left: 15px;
}
.datatable .dataTables_paginate .pagination > li:last-child > a::before,
.datatable .dataTables_paginate .pagination > li:last-child > span::before {
    right: 15px;
}


/* Dateiliste: Datatable Zeilenanzahl-Dropdown korrigieren */
.dataTables_length select.form-control {
    padding-top: 0;
    background-position: calc(100% - 10px) 11px;
}


/* Dateiliste: Datatable Filterfeld nach rechts außen schieben */
.dataTables_filter {
    text-align: right;
}
.dataTables_filter input {
    margin-left: 4px;
}


/* Dateiliste: Datatable Hover Farbe */
.datatable .table > tbody > tr.active > td,
.datatable-otherwise .table > tbody > tr.active > td,
.pruefungsordnungen.item table > tbody > tr.active > td {
    background-color: #ccc;
}


/* Dateiliste: Kacheln einfärben */
.generic-list-item article.generic-list-item-dateiliste > a,
.generic-list-item article.generic-list-item-dateiliste > .pseudo-a {
    background-color: #eee;
    color: #333;
    font-size: 14px;
    word-wrap: break-word;
}
.generic-list-item article.generic-list-item-dateiliste > a > h5,
.generic-list-item article.generic-list-item-dateiliste > .pseudo-a > h5{
    color: #333;
    word-wrap: break-word;
    padding-bottom: 16px;
}
.generic-list-item article.generic-list-item-dateiliste > a:hover {
    background-color: #ccc;
    color: #333;
}
.generic-list-item article.generic-list-item-dateiliste > a:hover > h5 {
    color: #333;
}
.generic-list-item article.generic-list-item-dateiliste > a .tile-metas {
    position: relative;
    clear: both;
}
.generic-list-item article.generic-list-item-dateiliste > a > .tile-metas > span {
    float: left;
}
.generic-list-item article.generic-list-item-dateiliste > a > .tile-metas > span.xs-icon {
    opacity: 0.8;
}
.generic-list-item article.generic-list-item-dateiliste > a > span.xs-icon,
.generic-list-item article.generic-list-item-dateiliste > .pseudo-a > span.xs-icon {
    opacity: 0.3;
}
.generic-list-item article.generic-list-item-dateiliste > a > span.indented,
.generic-list-item article.generic-list-item-dateiliste > .pseudo-a > span.indented {
    /*word-break: break-all;*/
}


/* Dateiliste: PDF-Icon unten rechts ausrichten */
.generic-list-item article.generic-list-item-dateiliste > a,
.generic-list-item article.generic-list-item-dateiliste > .pseudo-a {
    position: relative;
}
#wrapper .generic-list-item article.generic-list-item-dateiliste > a[href$='.pdf']:link::after {
    position: absolute;
    bottom: 6px;
    right: 10px;
}


/* Dateiliste: Sortierungs-Pfeilchen einblenden */
table.dataTable th.sorting,
table.dataTable th.sorting_asc,
table.dataTable th.sorting_desc {
    position: relative;
}
table.dataTable th.sorting::after,
table.dataTable th.sorting_asc::after,
table.dataTable th.sorting_desc::after {
    content: "";
    width: 9px;
    height: 12px;
    position: absolute;
    right: 4px;
    top: 50%;
    margin-top: -4px;
    background-image: url(../img/sprites/dropdown-arrows.svg);
    background-repeat: no-repeat;
    background-size: 7px 50px;
    background-position: 1px -19px;
    opacity: 0.25;
}
table.dataTable th.sorting_asc::after {
    height: 6px;
    opacity: 1;
}
table.dataTable th.sorting_desc::after {
    height: 6px;
    margin-top: 2px;
    background-position: 1px -25px;
    opacity: 1;
}


/* Dateiliste: Linkliste in Ausreißern umbrechen, wenn zu lange bezeichner (zB. Dateinamen) */
.col-sm-4.col-md-3 .dateiliste .linklist ul li a {
    word-wrap: break-word;
}






/* Piwik-Embed: Höhe des Iframe anpassen */
iframe[src*="piwik"] {
    height: 240px;
}
@media only screen and (max-width: 600px) {
    iframe[src*="piwik"] {
        height: 320px;
    }
}
@media only screen and (max-width: 480px) {
    iframe[src*="piwik"] {
        height: 480px;
    }
}






/*** Kontaktbox: Bildgröße ***/
.kontakt .box__image-container {
    width: 150px;
    height: 150px;
    overflow: hidden;
    background: #E8E8E8;
}





/* Kontaktbox: Display Flex */
.kontaktbox-outer {
    margin-bottom: 20px;
    padding-top: 1px;
    width: 100%;
    display: block;
}
.kontaktbox-outer.is-grid-2,
.kontaktbox-outer.is-grid-3 {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
}
.kontaktbox-outer.is-grid-2 > div {
    width: 50%;
}
.kontaktbox-outer.is-grid-3 > div {
    width: 33%;
}
.kontaktbox-outer.is-grid-2 > div:nth-child(1),
.kontaktbox-outer.is-grid-3 > div:nth-child(1) {
    padding-right: 12px;
}
.kontaktbox-outer.is-grid-2 > div:nth-child(2),
.kontaktbox-outer.is-grid-3 > div:nth-child(2) {
    padding-left: 12px;
}
.kontaktbox-outer.is-grid-3 > div:nth-child(2) {
    padding-right: 12px;
}
.kontaktbox-outer.is-grid-3 > div:nth-child(3) {
    padding-left: 12px;
}
@media only screen and (max-width: 992px) {
    .kontaktbox-outer .is-last-row [data-css="c-box"].is-small .box__image {
        display: block;
        text-align: center;
        margin: 0 auto 30px auto;
        padding: 0 10px;
    }
    .kontaktbox-outer .is-last-row [data-css="c-box"].is-small .box__content {
        display: block;
    }
}
@media screen and (max-width: 991px) {
    .kontaktbox-outer.is-grid-3 > div:nth-child(1) {
        width: 50%;
    }
    .kontaktbox-outer.is-grid-3 > div:nth-child(2) {
        width: 50%;
        padding-right: 0;
    }
    .kontaktbox-outer.is-grid-3 > div:nth-child(3) {
        width: 100%;
        padding-left: 0;
    }
    .kontaktbox-outer.is-grid-3 > div,
    .kontaktbox-outer.is-grid-3 > div:nth-child(1),
    .kontaktbox-outer.is-grid-3 > div:nth-child(2),
    .kontaktbox-outer.is-grid-3 > div:nth-child(3) {
        margin-top: 20px;
    }
    .kontaktbox-outer.is-grid-3 .is-last-row [data-css="c-box"].is-small .box__image {
        display: table-cell;
        vertical-align: top;
        padding-right: 20px;
        width: 170px;
    }
    .kontaktbox-outer.is-grid-3 .is-last-row [data-css="c-box"].is-small .box__content {
        display: table-cell;
        vertical-align: top;
    }
}
@media screen and (max-width: 600px) {
    .kontaktbox-outer,
    .kontaktbox-outer.is-grid-2,
    .kontaktbox-outer.is-grid-3 {
        display: block;
        align-items: unset;
    }
    .kontaktbox-outer.is-grid-2 > div,
    .kontaktbox-outer.is-grid-2 > div:nth-child(1),
    .kontaktbox-outer.is-grid-2 > div:nth-child(2) {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        margin-top: 20px;
    }
    .kontaktbox-outer.is-grid-3 > div,
    .kontaktbox-outer.is-grid-3 > div:nth-child(1),
    .kontaktbox-outer.is-grid-3 > div:nth-child(2),
    .kontaktbox-outer.is-grid-3 > div:nth-child(3) {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
}
@media screen and (max-width: 480px) {
    .kontaktbox-outer.is-grid-3 .is-last-row [data-css="c-box"].is-small .box__image {
        display: block;
        text-align: center;
        margin: 0 auto 30px auto;
        padding: 0 10px;
    }
    .kontaktbox-outer.is-grid-3 .is-last-row [data-css="c-box"].is-small .box__content {
        display: block;
    }
}






/* Bugfix: Hidden-Bereiche dürfen während CSS-Transitions nicht unerwünscht eingeblendet werden */
[data-css="c-box"] .box__image-container,
[data-css="c-box"] .box__item-icon {
    position: relative;
    z-index: 1;
}






/*** Navigation / Hauptmenü ***/

/* Navigation auf Desktop-Größe: Abstände und Fonts verkleinern */
@media (min-width: 1200px) {
    .b-page-nav .menu li a {
        padding: 10px 7px;
        font-size: 20px;
    }
    .b-page-nav .menu li.overview a {
        font-size: 20px;
    }
    .b-page-nav .menu:not(.level-0) li a {
        font-size: 16px;
    }
    .b-page-nav .menu:not(.level-0) li.overview a {
        font-size: 20px;
    }
    .b-page-nav .persona {
        margin-top: 20px;
    }
    .b-page-nav .persona h2 {
        font-size: 22px;
    }
    .b-page-nav .persona li {
        margin-bottom: 20px;
    }
    .b-page-nav .persona li a {
        font-size: 20px;
    }
}

/* Navigation: Wenn leer in Sekundärsprache, dann Hinweis auf mehr Inhalt in Primärsprache */
.b-page-nav nav > .menu-group-box > .menu-box > .viewbox > .wrapper p.nav-empty-note a,
.b-page-nav .scroll-wrapper > p.nav-empty-note a {
    display: block;
    padding: 10px 7px;
    font-size: 20px;
    color: #fff;
    border-top: 1px dotted #ECECEC;
    border-bottom: 1px dotted #ECECEC;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.b-page-nav nav > .menu-group-box > .menu-box > .viewbox > .wrapper p.nav-empty-note:hover a,
.b-page-nav .scroll-wrapper > p.nav-empty-note:hover a {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background-color: #00BCFF;
    text-decoration: underline;
}


/*** Navigation: Hide Focus Outlines ***/
/*.header-box .nav-button button.lines-button:focus, (wieder entfernt, weil Barrierefreiheit) */
#main-nav nav .menu-group-box ul li a:focus {
    outline: 0;
}

/*** Navigation: Hover-/Active-Farbschema für Barrierefreiheit optimieren ***/
.b-page-nav .menu li:hover a,
.b-page-nav .menu li a.active {
    color: #262626;
}

/*** Navigation: Active-Auszeichnung ohne Bold-Schriftschnitt ***/
.b-page-nav .menu li a.active {
    font-family: "Univers LT W01 45 Light", arial, sans-serif;
}

/*** Navigation: Hover-Stile auch für Focus-Zustand übernehmen ***/
.b-page-nav .menu li a:focus {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background-color: #00BCFF;
    color: #262626;
}






/* Mehrsprachigkeit: Per CSS eingebaute Wörter ins englische übersetzen */
body.lang-en [data-css="c-box"] .box__placeholder::after {
    content: "Contact";
}







/* Homepage: 1st Segment -> Padding-Top entfernen */
.homepage #page-complete > .segment:nth-child(1) {
    padding-top: 0;
}






/* Lageplan */
.lageplan > h2 {
    margin-top: 0;
}
.lageplan .ol-attribution,
.lageplan .ol-rotate {
    /*display: none;*/
}
.lageplan .ol-viewport {
    position: relative;
}
.lageplan .ol-zoom {
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 0;
}
.lageplan .ol-zoom .ol-zoom-in,
.lageplan .ol-zoom .ol-zoom-out {
    position: absolute;
    top: 0;
    right: 0;
    border: 0;
    border-radius: 50%;
    background: #333;
    color: #fff;
    box-shadow: 0px 0px 5px 0px rgba(255,255,255,0.5);
    width: 30px;
    height: 30px;
    line-height: 28px;
}
.lageplan .ol-zoom .ol-zoom-out {
    top: 35px;
}
.lageplan .ol-control button:hover,
.lageplan .ol-control button:focus {
    background-color: #004191;
}
.lageplan canvas.ol-unselectable:active {
    cursor: move;
}
.lageplan .map-tooltip {
    position: absolute;
    display: inline-block;
    padding: 4px 10px;
    border-radius: 4px;
    background-color: #333;
    color: #fff;
    font-size: 14px;
}
.lageplan .map-tooltip:after,
.lageplan .map-tooltip:before{
    content: " ";
    position: absolute;
    left: 50%;
    margin-left: -3px;
    bottom: -6px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #333;
}
.lageplan .ol-attribution {
    bottom: 15px;
    right: 12px;
    padding: 0;
}
.lageplan .ol-attribution ul {
    font-size: 12px;
}
.lageplan .ol-attribution button {
    border-radius: 0;
}






/* Bildergalerie: 404 und 500 Embedding ausblenden */
.imagegallery .links .square-xs-12.square-md-3.comein .skip,
.imagegallery .links .square-xs-12.square-md-3.comein .header,
.imagegallery .links .square-xs-12.square-md-3.comein footer,
.imagegallery .links .square-xs-12.square-md-3.comein .b-scroll-to-top,
.imagegallery .links .square-xs-12.square-md-3.comein .wrapper {
    display: none;
}






/* Mitarbeiterliste */
.mitarbeiterliste > .row {
    padding: 0 18px;
}
.mitarbeiterliste > .row > .generic-list-item {
    margin-bottom: 24px;
    padding-bottom: 0;
}
.mitarbeiterliste > .row > .generic-list-item > article {
    background: #eee;
    display: table;
    width: 100%;
}
.mitarbeiterliste > .row > .generic-list-item > article > .image {
    display: table-cell;
    width: auto;
    vertical-align: middle;
    width: 120px;
}
.mitarbeiterliste > .row > .generic-list-item > article > .image > [data-css="c-box"] {
    width: 80px;
    height: 80px;
    padding: 18px 30px;
}
.mitarbeiterliste > .row > .generic-list-item > article > .image > [data-css="c-box"] > .box__image {
    padding-right: 0;
}
.mitarbeiterliste > .row > .generic-list-item > article > .image > [data-css="c-box"] > .box__image > .box__image-container {
    width: 80px;
    height: 80px;
}
.mitarbeiterliste > .row > .generic-list-item > article > .image > [data-css="c-box"] > .box__image > .box__placeholder {
    border-radius: 50%;
    overflow: hidden;
    width: 80px;
    height: 80px;
}
.mitarbeiterliste > .row > .generic-list-item > article > .image > [data-css="c-box"] > .box__image > .box__placeholder:after {
    font-size: 14px;
}
.mitarbeiterliste > .row > .generic-list-item > article > .text {
    display: table-cell;
    vertical-align: middle;
    width: auto;
}
@media only screen and (max-width: 480px) {
    .mitarbeiterliste > .row > .generic-list-item > article {
        padding: 12px 0;
        margin-bottom: 0;
    }
    .mitarbeiterliste > .row > .generic-list-item > article > .image > [data-css="c-box"] {
        display: table;
    }
    .mitarbeiterliste > .row > .generic-list-item > article > .image > [data-css="c-box"] > .box__image {
        display: table-cell;
        padding: 0;
    }
}







/* FAQ-Liste */
.faq-liste > h2 {
    margin-top: 0;
}
.panel-group .panel .panel-collapse .panel-body .permalink {
    font-size: 12px;
    padding: 4px;
    display: block;
    margin-bottom: -10px;
}
.panel-group .panel .panel-collapse .panel-body .permalink span.permalinklabel {
    display: none;
}
.panel-group .panel .panel-collapse .panel-body .permalink input.permalinkinput {
    font-size: 12px;
    background-color: #eee;
    width: 100%;
    border: 0;
    padding: 1px 2px;
}
.faq-liste .filter-count {
    position: absolute;
    bottom: 1px;
    font-size: 12px;
}
.faq-liste .panel-group div:nth-child(2n+2) .panel.panel-primary .panel-title > a {
    background-color: #fff;
    color: #333;
}
.faq-liste .panel-group div:nth-child(2n+2) .panel.panel-primary .panel-title > a::after,
.faq-liste .panel-group div:nth-child(2n+2) .panel.panel-primary .panel-title > a.collapsed::after {
    background-position: -240px 0;
}
.faq-liste .panel-group div:nth-child(n) .panel.panel-primary .panel-title > a:hover {
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    background-color: #333;
    color: #fff;
}
.faq-liste .panel-group div:nth-child(n) .panel.panel-primary .panel-title > a:hover::after,
.faq-liste .panel-group div:nth-child(n) .panel.panel-primary .panel-title > a.collapsed:hover::after {
    background-position: -260px 0;
}
.faqsallopenclose button {
    display: inline-block;
    min-width: 10px;
    font-size: 13px;
    color: #fff;
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap;
    background-color: #004191;
    border-radius: 16px;
    font-family: "Univers LT W01 65 Bold", arial, sans-serif;
    padding: 0 8px 0 8px;
    line-height: 28px;
    border-color: transparent;
    width: 32px;
    height: 32px;
}
.faqsallopenclose button:hover {
    outline: none;
    background-color: #333;
}








/* IE Media Query Hack */
/* Internet Explorer 6,7 */
@media screen\9 {
    [data-css="c-intro-teaser"] .intro-teaser__wrapper {
        word-spacing: normal;
    }
}
/* Internet Explorer 8,9,10 */
@media screen\0 {
    [data-css="c-intro-teaser"] .intro-teaser__wrapper {
        word-spacing: normal;
    }
}






/* Intro-Element */
.segment.is-bg-blue > .container > .container-inner > .row {
    /*margin-left: 0;*/
    /*margin-right: 0;*/
}
.t30-compact.is-no-detailpage .introbox.pgelement .segment.is-bg-blue .intro-teaser__wrapper p,
.t30-compact.is-no-detailpage .introbox.pgelement .segment.is-bg-blue .intro-teaser__wrapper p.intro-teaser__kicker {
    display: none;
}
.t30-compact.is-no-detailpage .introbox.pgelement .segment.is-bg-blue .intro-teaser__wrapper {
    height: 180px;
}







/* Label: Font-Weight 400 */
label {
    font-weight: 400;
}





/* Dropdown-Feld (<select>) mit eigenem Pfeil-Icon */
select.form-control {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    padding-right: 30px;
    background-image: url("../img/sprites/dropdown-arrows.svg");
    background-repeat: no-repeat;
    background-size: 14px 100px;
    background-position: calc(100% - 10px) 20px;
}
select.form-control::-ms-expand{
    display: none;
}






/* Studiengangsfilter (SKI-Liste) */
/*
.ski-list .skilisttitle {
	padding-left: 12px;
	padding-right: 12px;
}
.ski-list .skilisttitle h1 {
	color: #333;
}
.ski-list .filtermodul {
	padding-left: 12px;
	padding-right: 12px;
	margin-bottom: 30px;
	background: #eee;
}
.ski-list h1 span.trefferzahl {
	display: inline-block;
	float: right;
	font-size: 14px;
	font-family: "Univers LT W01 45 Light", arial, sans-serif;
	line-height: 16px;
	margin-top: 20px;
}
.ski-list #ski-filter {
	margin: 10px 0 2px 0;
}
.ski-list #ski-filter .form-group {
	margin-bottom: 10px;
}
.ski-list #ski-filter .form-group .form-control {
	width: 309px;
}
label.upper-label {
	display: block;
	font-size: 14px;
}
.ski-list #ski-filter .form-group select option:checked {
	font-family: "Univers LT W01 65 Bold", arial, sans-serif;
	color: #004191;
}
.ski-list #ski-filter button#reset {
	margin-top: 13px;
	width: 309px;
}
.ski-list #ski-filter #studiengang {
	height: 50px;
	font-size: 14px;
}
@media only screen and (max-width: 1199px) {
	.ski-list #ski-filter .form-group .form-control,
	.ski-list #ski-filter button#reset {
		width: 302px;
	}
}
@media only screen and (max-width: 991px) {
	.ski-list #ski-filter .form-group,
	.ski-list #ski-filter .form-group .form-control,
	.ski-list #ski-filter button#reset {
		width: 100%;
	}
	.ski-list #ski-filter button#reset {
		margin-bottom: 10px;
	}
}
*/






/* Studiengangssuche (Formular) */
.studiengangssuche-wrapper {
    margin: 40px 0 60px 0;
}
.studiengangssuche .form-group {
    display: block;
    margin-bottom: 4px;
    min-height: 50px;
}
.studiengangssuche .form-group .form-control:after {
    clear: both;
}
.studiengangssuche .form-group label {
    margin-right: 1em;
    line-height: 50px;
    font-weight: 400;
    font-family: "Univers LT W01 65 Bold", arial, sans-serif;
}
.studiengangssuche .form-group select {
    float: right;
    font-size: 16px;
    font-family: "Univers LT W01 65 Bold", arial, sans-serif;
    color: #004191;
}
.studiengangssuche button[type=submit] {
    width: 100%;
}
@media (max-width: 769px) {
    .studiengangssuche .form-group label {
        line-height: 1.2em;
    }
    .studiengangssuche .form-group select {
        margin-bottom: 10px;
    }
}






/* Formular: Formular-Elemente über 100% Breite ziehen */
.form-group.form-group-fullwidth,
.form-group.form-group-fullwidth input,
.form-group.form-group-fullwidth button,
.form-group.form-group-fullwidth select,
.form-group.form-group-fullwidth textarea {
    width: 100%;
}






/* Prüfungsordnungen: Trennstrich aus Glossar-CSS entfernen */
.pruefungsordnungsliste.glossar-liste .item {
    border-bottom-color: transparent;
    margin-bottom: 40px;
}






/* Cols12 (Fullwidth) */
.colsfullwidth > .container {
    padding:0;
    margin:0;
    padding-bottom:20px;
    width:100%;
}
.colsfullwidth > .container > .oc-container-column.col-md-12 {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.colsfullwidth > .container > .oc-container-column.col-md-12 .oc-container-special {
    margin-left: 7px;
    margin-right: 7px;
}





/* Detail-Only-Container abschwächen (wenn nicht auf Detailseite) */
.is-no-detailpage .segment.detail-exclusive {
    opacity: 0.25;
}






/*** Anker Animation ***/
.panel-group .panel .panel-body,
.tabs .tab-content {
    -webkit-transition: background-color 1000ms linear;
    -moz-transition: background-color 1000ms linear;
    -o-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 1000ms linear;
}
.panel-group .panel .panel-body.anchor-animation,
.tabs .tab-content.anchor-animation {
    background-color: rgba(255,0,0,0.5);
}





/*** Definition Lists: Titel voll ausgeschrieben ***/
@media (min-width: 768px) {
    .dl-horizontal dt {
        text-align: left;
        overflow: auto;
        text-overflow: clip;
        white-space: normal;
    }
}





/*** Definition Lists: Bei horizontaler Variante den Titel nicht 5px anch unten verschieben ***/
.dl-horizontal dl dt {
    margin-top: 0 !important;
}





/*** Generic Lists ***/
.segment.segment--grey {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f2f2f2+0,f9f9f9+20,f9f9f9+80,f2f2f2+100 */
    background: #f9f9f9; /* Old browsers */
    background: -moz-linear-gradient(top,  #f5f5f5 0%, #f9f9f9 20%, #f9f9f9 80%, #f5f5f5 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #f5f5f5 0%,#f9f9f9 20%,#f9f9f9 80%,#f5f5f5 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #f5f5f5 0%,#f9f9f9 20%,#f9f9f9 80%,#f5f5f5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */
    padding-top: 50px;
    padding-bottom: 50px;
    margin-top: 50px;
    margin-bottom: 50px;
}
.generic-list-item {
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 24px;
}
.generic-list-item article {
    /*margin-bottom: 24px;*/
    height: 100%;
}
.generic-list-item article > h3 {
    background: #ccc;
    color: #fff;
    height: 100%;
    margin: 0;
    padding: 10px 15px 15px 15px;
}
.generic-list-item article > a,
.generic-list-item article > .pseudo-a {
    background-color: #fff;
    display: block;
    -webkit-transition: background-color ease 300ms;
    transition: background-color ease 300ms;
    height: 100%;
    padding: 10px 15px 15px 15px;
    overflow: hidden;
}
.generic-list-item article.studienkurzinfo > a {
    background-color: #00BEFF;
    text-decoration: none;
    padding: 10px 15px 35px 15px;
}
.generic-list-item article > a:hover {
    background-color: #00BEFF;
}
.generic-list-item article.studienkurzinfo > a:hover {
    background-color: #b1b1b1;
}

.generic-list-item article.studienkurzinfo > a > small,
.generic-list-item article.studienkurzinfo > a > h5,
.generic-list-item article.studienkurzinfo > a > span.metas,
.generic-list-item article.studienkurzinfo > a > p.flex-text {
    color: #262626;
}
.generic-list-item article.studienkurzinfo > a > h5 {
    margin-bottom: 0;
}
.generic-list-item article.studienkurzinfo > a {
    position: relative;
}
.generic-list-item article.studienkurzinfo > a > span.metas {
    position: absolute;
    bottom: 15px !important;
    left: 15px !important;
}
.generic-list-item .listenausgabe {
    border: none;
    background: transparent;
}
.generic-list-item h5 {
    margin-top: 0;
}
.generic-list-item .metas {
    color: #333;
    bottom: 26px !important;
    right: 16px !important;
}





/*** Inline-Listen ***/
.list-inline-meta {
    list-style: none;
    padding: 0;
    font-size: 15px;
}
.list-inline-meta > li {
    display: inline;
}
.list-midpipe > li:not(:last-child)::after {
    content: " |";
    color: #aaa;
    padding-right: 0;
}
.inline-meta-small {
    font-size: 14px;
}
.inline-meta-dark,
a .inline-meta-dark {
    color: #333;
}





/*** Zeilenhöhen + LI-Abstände in Listen ***/
ol li,
ul li {
    line-height: 1.6;
}
ol.abstand li,
ul.abstand li {
    line-height: 1.6;
    margin-bottom: 20px;
}
ol.abstand ol li,
ul.abstand ul li,
ul.abstand ol li,
ol.abstand ul li {
    margin-bottom: 0;
}




/*** Ordered List: Bold Numbers ***/
ol.ol-boldnum {
    margin: 0 0 1.5em;
    padding: 0;
    counter-reset: item;
}

ol.ol-boldnum > li {
    margin: 0;
    padding: 0 0 0 2em;
    text-indent: -1.5em;
    list-style-type: none;
    counter-increment: item;
}
ol.ol-boldnum > li ul > li {
    text-indent: 0;
}

ol.ol-boldnum > li::before {
    display: inline-block;
    width: 1.5em;
    padding-right: 0.5em;
    font-family: "Univers LT W01 65 Bold", arial, sans-serif;
    text-align: right;
    content: counter(item) ".";
}

ol.ol-boldnum ol > li {
    text-indent: -0.75em;
    padding: 0 0 0 1.5em;
}

ol.ol-boldnum ol > li::before {
    width: 0.75em;
    text-align: left;
    padding-right: 0.75em;
}




/*** Premium-Slider ***/

/*** Premium-Slider: Pfeil entfernen, wenn kein Link vorhanden ***/
.c-intro-teaser--news-slider .intro-teaser__link.no-link .intro-teaser__news-content-wrapper::after {
    display: none;
}

/*** Premium-Slider: In Smartphone-Variante nur Headline und Credits einblenden (kein Teaser) und Bullets kleiner setzen ***/
@media (max-width: 768px) {
    .c-intro-teaser--news-slider .intro-teaser__news-content-wrapper::before,
    .c-intro-teaser--news-slider .intro-teaser__news-content-wrapper::after {
        display: none;
    }
    .c-intro-teaser--news-slider .intro-teaser__news-headline {
        font-family: "Univers LT W01 65 Bold", arial, sans-serif;
    }
    .c-intro-teaser--news-slider .intro-teaser__news-subline {
        display: block;
        margin-top: 0;
    }
    .c-intro-teaser--news-slider .intro-teaser__news-subline .intro-teaser__news-subline__teaser,
    .c-intro-teaser--news-slider .intro-teaser__news-subline br {
        display: none;
    }
    [data-js-module~="slider"] .slider__pagination-list {
        padding-top: 3px;
    }
    [data-js-module~="slider"] .slider__pagination-list-item,
    [data-js-module~="slider"] .slider__pagination-list-item.is-active {
        width: 10px;
        height: 10px;
        margin: 5px 5px;
    }
}

/*** Premium-Slider: Farbkontrast verbessern (Barrierefreiheit) ***/
.c-intro-teaser--news-slider .intro-teaser__news-content-wrapper {
    color: #262626;
    -webkit-transition: background-color ease 300ms;
    transition: background-color ease 300ms;
}
.c-intro-teaser--news-slider .intro-teaser__news-wrapper:hover .intro-teaser__news-content-wrapper {
    color: #fff;
    -webkit-transition: background-color ease 300ms;
    transition: background-color ease 300ms;
}
.c-intro-teaser--news-slider .intro-teaser__news-content-wrapper::after {
    background-position: -210px 0;
}
.c-intro-teaser--news-slider .intro-teaser__news-wrapper:hover .intro-teaser__news-content-wrapper::after {
    background-position: -225px 0;
}

/*** Premium-Slider: Play/Pause als neues Button-Element ***/
button.slider__playpause {
    background: none;
    border: none;
}





/* Premium-Links / Storyteaser */
.storyteaser h2.storyteaser_headline {
    margin-top: 0;
}





/*** GSA Styling (zusätzlich zu frontend.css) ***/
.gsa-search nav .pagination a[href^="http://"]:link::after,
.gsa-search nav .pagination a[href^="http://"]:visited::after,
.gsa-search nav .pagination a[href^="http://"]:hover::after,
.gsa-search nav .pagination a[href^="http://"]:active::after,
.gsa-search nav .pagination a[href^="https://"]:link::after,
.gsa-search nav .pagination a[href^="https://"]:visited::after,
.gsa-search nav .pagination a[href^="https://"]:hover::after,
.gsa-search nav .pagination a[href^="https://"]:active::after {
    content: "";
}
.gsa-search .result-list b {
    font-family: "Univers LT W01 65 Bold", arial, sans-serif;
    font-weight: normal;
}




/*** Area-Teaser / Übersichts-Element ***/

/*** Bug: In Area-Teaser war Floating links/rechts vertauscht ***/
.segment .c-area-teaser--generic.child-odd,
.segment .c-area-teaser--image.child-odd {
    float: left;
}
.segment .c-area-teaser--generic.child-even,
.segment .c-area-teaser--image.child-even {
    float: right;
}
@media (max-width: 768px) {
    .segment .c-area-teaser--generic.child-even,
    .segment .c-area-teaser--image.child-even,
    .segment .c-area-teaser--generic.child-odd,
    .segment .c-area-teaser--image.child-odd {
        float: none;
    }
}

/* Bugfix: Bei fehlerhafter Bildskalierung die betroffenen Bilder in Area-Teaser und Kontaktbox trotzdem in passenden Abmessungen halten */
@media (min-width: 1200px) {
    .c-area-teaser--image .area-teaser__picture {
        height: 310px;
        overflow: hidden;
        background-color: rgba(0, 117, 192, 0.5);
    }
}
@media (min-width:992px) and (max-width:1199px) {
    .c-area-teaser--image .area-teaser__picture {
        height: 304px;
        overflow: hidden;
        background-color: rgba(0, 117, 192, 0.5);
    }
}
@media (min-width:769px) and (max-width:991px) {
    .c-area-teaser--image .area-teaser__picture {
        height: 233px;
        overflow: hidden;
        background-color: rgba(0, 117, 192, 0.5);
    }
}
@media (max-width:768px) {
    .c-area-teaser--image .area-teaser__picture {
        height: auto;
        background-color: rgba(0, 117, 192, 0.5);
    }
}

/*** Bugfix: Mindestbreite im Area-Teaser ***/
.area-teaser__wrapper {
    width: 100%;
}

/*** Area-Teaser: Farbeverlauf Barrierefrei anpassen (verbesserte Kontraste durch dunklere Farben) ***/
.is-bg-blue-gradient {
    background: -webkit-linear-gradient(45deg, #0059a6 0%, #004191 100%);
    background: linear-gradient(45deg, #0059a6 0%, #004091 100%);
}

/* Area-Teaser: Mobil auch den Teaser anzeigen */
@media screen and (max-width: 992px) {
    .c-area-teaser--generic .area-teaser__intro {
        display: block;
    }
    .c-area-teaser--generic .area-teaser__heading-wrapper {
        height: auto;
        margin-bottom: 0;
    }
    .c-area-teaser--generic .area-teaser__intro {
        padding-left: 70px;
    }
    .c-area-teaser--generic {
        height: auto;
        width: auto;
        margin-bottom: 1.5rem;
    }
    .c-area-teaser--generic .area-teaser__wrapper::after {
        left: 29px;
        top: 22.5px;
    }
}





/*** Hyphenation ***/
/*** Browser-Support: http://caniuse.com/#feat=css-hyphens ***/
/*** HTML-Tag braucht Attribut lang="de". Bisher hatten wir lang="en". Aus Gründen? ***/
p {
    -moz-hyphens: auto;
    -o-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}





/*** Kontaktbox: Placeholder Border-Radius ***/
.kontakt [data-css="c-box"] .box__placeholder {
    border-radius: 50%;
    overflow: hidden;
}





/*** Kontaktbox: Icon für Profil-Link ***/
.is-profile::before {
    background: url("/system/modules/de.stuttgart.uni.v3.basics/resources/img/sprites/sprites-icons-sprite.svg");
    background-image: url("/system/modules/de.stuttgart.uni.v3.basics/resources/img/sprites/sprites-icons-sprite.svg");
    background-repeat: no-repeat;
    background-size: 1450px 110px;
}
.is-profile {
    position: relative;
    padding-left: 33px;
}
.is-profile::before {
    content: '';
    display: block;
    position: absolute;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 20px;
    height: 15px;
    background-position: -845px -30px !important;
    left: 0;
}





/*** Kontaktbox: Alle Links anthrazit einfärben ***/
.kontakt .c-box--default a {
    color: #333;
}





/*** Kontaktbox: Location-Icon auf anthrazitfarbene Version verschieben ***/
.is-location::after {
    background-position: -820px -30px;
}





/*** Newsstream: Barrierefreie Kontraste ***/
[data-css="c-stream-teaser"] .stream-teaser__link:hover,
[data-css="c-stream-teaser"] .stream-teaser__link:hover .stream-teaser__headline,
[data-css="c-stream-teaser"] .stream-teaser__link:hover .stream-teaser__figure,
[data-css="c-stream-teaser"] .stream-teaser__link:hover .stream-teaser__footer,
[data-css="c-stream-teaser"] .stream-teaser__link:hover .stream-teaser__type,
[data-css="c-stream-teaser"] .stream-teaser__link:hover .stream-teaser__info,
[data-css="c-stream-teaser"] .stream-teaser__link:hover .stream-teaser__copyright {
    color: #262626;
}





/*** Newsstream: Copyright-Angabe ***/
.stream-teaser__copyright {
    margin: 16px 0 -28px 0;
    color: #333;
}





/*** Newsstream: Bildmaße festzurren (damit auch SVG angezeigt wird) ***/
[data-css="c-stream-teaser"] .stream-teaser__link .stream-teaser__figure .figure__wrapper picture img[src*=".svg"] {
    width: 220px;
    max-height: 220px;
    max-width: 100%;
}





/*** Social Media im Newsstream: Ohne Hover-Farbänderung (wenn kein Link) ***/
.c-stream-teaser--socialmedia .stream-teaser__nolink {
    background-color: #fff;
    display: block;
    -webkit-transition: background-color ease 300ms;
    transition: background-color ease 300ms;
}
.c-stream-teaser--socialmedia .stream-teaser__nolink:hover {
    background-color: #fff;
}





/*** Newsstream: Footer repositionieren ***/
.newsstream .stream__footer {
    padding-bottom: 30px;
}
.newsstream .stream__footer .btn {
    margin: 4px;
}





/*** Social Media im Newsstream: Mit Icons ***/
.c-stream-teaser--socialmedia .stream-teaser__type {
    position: relative;
    display: inline-block;
    width: 100%;
}
.c-stream-teaser--socialmedia .stream-teaser__type .sm-icon {
    position: absolute;
    right: -3px;
    top: -16px;
    margin-right: 0;
}
.c-stream-teaser--socialmedia .stream-teaser__type .sm-icon.facebook,
.c-stream-teaser--socialmedia .stream-teaser__type .sm-icon.twitter,
.c-stream-teaser--socialmedia .stream-teaser__type .sm-icon.googleplus,
.c-stream-teaser--socialmedia .stream-teaser__type .sm-icon.usus,
.c-stream-teaser--socialmedia .stream-teaser__type .sm-icon.instagram {
    background: #333;
    border-color: #fff;
}
.c-stream-teaser--socialmedia .stream-teaser__link:hover .stream-teaser__type .sm-icon.facebook,
.c-stream-teaser--socialmedia .stream-teaser__nolink:hover .stream-teaser__type .sm-icon.facebook {
    background-color: #3c5997;
    border-color: #fff;
}
.c-stream-teaser--socialmedia .stream-teaser__link:hover .stream-teaser__type .sm-icon.twitter,
.c-stream-teaser--socialmedia .stream-teaser__nolink:hover .stream-teaser__type .sm-icon.twitter {
    background-color: #54abed;
    border-color: #fff;
}
.c-stream-teaser--socialmedia .stream-teaser__link:hover .stream-teaser__type .sm-icon.googleplus,
.c-stream-teaser--socialmedia .stream-teaser__nolink:hover .stream-teaser__type .sm-icon.googleplus {
    background-color: #cf3223;
    border-color: #fff;
}
.c-stream-teaser--socialmedia .stream-teaser__link:hover .stream-teaser__type .sm-icon.usus,
.c-stream-teaser--socialmedia .stream-teaser__nolink:hover .stream-teaser__type .sm-icon.usus {
    background-color: #000;
    border-color: #fff;
}
.c-stream-teaser--socialmedia .stream-teaser__link:hover .stream-teaser__type .sm-icon.instagram,
.c-stream-teaser--socialmedia .stream-teaser__nolink:hover .stream-teaser__type .sm-icon.instagram {
    background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%),
    radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%),
    radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%),
    radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%),
    radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%),
    radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%),
    radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent),
    linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);
    border-color: #ffffff;
}





/*** Social Media im Newsstream: Abstände, Farben, etc ***/
.c-stream-teaser--socialmedia .stream-teaser__content,
.c-stream-teaser--betriebsmeldung .stream-teaser__content {
    padding: 30px 20px;
}
.c-stream-teaser--socialmedia .stream-teaser__content p,
.c-stream-teaser--betriebsmeldung .stream-teaser__content p {
    color: #333;
}





/*** Employee-Box ***/
.box-wrap {
    padding: 20px;
    border: 1px solid #333;
    margin: 0 0 20px 0;
    position: relative;
    min-height: 140px;
}
.employee-image {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-size: cover;
    background-position: 50% 50%;
    position: absolute;
    top: 20px;
    left: 20px;
}
.employee-text {
    padding-left: 120px;
    min-height: 100px;
    position: relative;
}
.employee-text h6 {
    margin-top: 0;
}
.employee-text .next {
    position: absolute;
    bottom: 0;
}
.employee-text .employee-department,
.employee-text .employee-contact {
    font-size: 0.85em;
}
.employee-text a {
    color: #333 !important;
    text-decoration: underline !important;
}
.employee-text a:hover {
    text-decoration: none !important;
}
.employee-text .employee-link {
    padding-left: 26px;
    color: #333 !important;
    font-size: 0.85em;
    font-weight: bold;
}
.employee-text .employee-link:before {
    content: '>';
    display: block;
    position: absolute;
    top: 0;
    width: 20px;
    height: 20px;
    border-radius: 30px;
    background-color: #333;
    line-height: 20px;
    text-align: center;
    font-weight: bold;
    color: #eee;
}
.employee-text .employee-link:hover {
    text-decoration: none !important;
}
.employee-text .employee-link:hover:before {
    background-color: #eee;
    color: #333;
}
.employee-text .employee-link .employee-arrow {
    display: none;
}




/*** Button Fine Line ***/
.btn-tik {
    color: #333;
    background-color: #fFF;
    border-color: #363E49;border-radius:0;
}
.downloadgalerie .btn-tik {
    display: inline-block;
    margin-bottom: 4px;
}
.btn.btn-tik { border: 1px solid #363E49;}
.btn.btn-tik:hover, .btn.btn-tik:focus, .btn.btn-tik.focus, .btn.btn-tik:active, .btn.btn-tik.active,
.open > .btn-tik.dropdown-toggle {
    color: #fff;
    background-color: #333;
}
.btn-tik:active, .btn-tik.active,
.open > .btn-tik.dropdown-toggle {
    background-image: none;
}
.btn-tik.disabled, .btn-tik.disabled:hover, .btn-tik.disabled:focus, .btn-tik.disabled.focus, .btn-tik.disabled:active, .btn-tik.disabled.active, .btn-tik[disabled], .btn-tik[disabled]:hover, .btn-tik[disabled]:focus, .btn-tik[disabled].focus, .btn-tik[disabled]:active, .btn-tik[disabled].active,
fieldset[disabled] .btn-tik,
fieldset[disabled] .btn-tik:hover,
fieldset[disabled] .btn-tik:focus,
fieldset[disabled] .btn-tik.focus,
fieldset[disabled] .btn-tik:active,
fieldset[disabled] .btn-tik.active {
    background-color: red;
    border-color: transparent;
}
.btn-tik .badge {
    color: #00BEFF;
    background-color: #333;
}
.btn-tik:hover, .btn-tik:focus, .btn-tik.focus, .btn-tik:active, .btn-tik.active,
.open > .btn-tik.dropdown-toggle {
    color: #015AAC;
}




/****weiße Buttons in Verlaufsbox***/
.btn-outline {
    color: #fff;
    background-color: transparent;
    border-color: #fff;border-radius:0;
}
.btn.btn-outline { border: 1px solid #fff;}
.btn.btn-outline:hover, .btn.btn-outline:focus, .btn.btn-outline.focus, .btn.btn-outline:active, .btn.btn-outline.active,
.open > .btn-outline.dropdown-toggle {
    color: #fff;
    background-color: #333;
    border: 1px solid #333;
}
.btn-outline:active, .btn-tik.active,
.open > .btn-outline.dropdown-toggle {
    background-image: none;
}
.btn-outline.disabled, .btn-outline.disabled:hover, .btn-outline.disabled:focus, .btn-outline.disabled.focus, .btn-outline.disabled:active, .btn-outline.disabled.active, .btn-outline[disabled], .btn-outline[disabled]:hover, .btn-outline[disabled]:focus, .btn-outline[disabled].focus, .btn-outline[disabled]:active, .btn-outline[disabled].active,
fieldset[disabled] .btn-outline,
fieldset[disabled] .btn-outline:hover,
fieldset[disabled] .btn-outline:focus,
fieldset[disabled] .btn-outline.focus,
fieldset[disabled] .btn-outline:active,
fieldset[disabled] .btn-outline.active {
    background-color: red;
    border-color: transparent;
}
.btn-outline .badge {
    color: #00BEFF;
    background-color: #333;
}
.btn-outline:hover, .btn-outline:focus, .btn-outline.focus, .btn-outline:active, .btn-outline.active,
.open > .btn-outline.dropdown-toggle {
    color: #015AAC;
}




/*** Tablet: Margin-Left/-Right ***/
#page-complete > .container {
    width: 100%;
}




/*** Custom Verlaufsbox ***/
.verlauf {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00beff+0,004191+100 */
    background: #00beff; /* Old browsers */
    background: -webkit-linear-gradient(45deg,#004092 0,#00bafb 100%);
    background: linear-gradient(45deg,#004092 0,#00bafb 100%);
    color: #fff;
    margin-bottom: 30px;
    padding: 35px 30px 10px;
}
.verlauf h1, .verlauf h2 {color: #fff;}




/*** Custom Logo ***/
#news .newsitem .bildlinks {
    display: none;
}





/*** Template: Light-Farbvariante ***/
body.t30-light .b-page-header .header-box .mainidentity {
    background-color: #fff;
    border-bottom: 1px solid #333;
}
body.t30-light .b-page-header .header-box .mainidentity a {
    color: #000;
}
body.t30-light .b-page-header .header-box .mainidentity a:after {
    background-position: -25px -40px;
}
body.t30-light [data-css="b-scroll-to-top"]::before {
    background-color: #333333;
}
body.t30-light [data-css="b-scroll-to-top"]:hover::before {
    background-color: #004191;
}
body.t30-light a,
body.t30-light p a,
body.t30-light .b-page-header .header-box .language a,
body.t30-light .linklist .linklist_standard li a {
    color: #333;
    text-decoration: underline;
}
body.t30-light a.btn-inverted {
    color: #fff;
}
body.t30-light a:hover,
body.t30-light p a:hover,
body.t30-light .b-page-header .header-box .language a:hover,
body.t30-light .linklist .linklist_standard li a:hover,
body.t30-light .panel-title > a {
    text-decoration: none;
}
body.t30-light .nav-tabs > li.active a{
    text-decoration: none;
}
body.t30-light .faqsallopenclose button.badge {
    background-color: #333;
}
body.t30-light .faqsallopenclose button.badge:hover {
    background-color: #666;
}
@media screen and (min-width: 1200px) {
    body.t30-light .b-page-header,
    body.t30-light .r-main,
    body.t30-light .r-page-footer {
        background: #fff;
    }
}
@media screen and (max-width: 767px) {
    body.t30-light .b-page-header .header-box {
        background-color: #fff;
        border-bottom: 1px solid #333;
    }
    body.t30-light .b-page-header .header-box .mainidentity {
        border-bottom: none;
    }
    body.t30-light .b-page-header .header-box .language,
    body.t30-light .b-page-header .header-box .language strong {
        color: #333;
    }
    body.t30-light .b-page-header .header-box .language a {
        color: #004191;
    }
}






/*** Subidentity ***/
.b-logo .subidentity {
    color: #333;
    position: absolute;
    top: 40px;
    left: 73px;
    word-spacing: normal;
    font-size: 1.1em;
    letter-spacing: normal;
    width: 300px;
}
.nav-is-open .b-logo .subidentity {
    color: #fff;
}
.b-logo .subidentity.fontsize-s {
    font-size: 14px;
}
.b-logo .subidentity.fontsize-xs {
    font-size: 13px;
}




/* Header: Mehrfache Globalnavi-Links ermöglichen */
@media (max-width: 450px) {
    .b-page-header .header-box .mainidentity a span.hideonmobile {
        display: none;
    }
}
@media (max-width: 767px) {
    .b-page-header .header-box .mainidentity {
        width: -webkit-calc(100% - 150px);
        width: calc(100% - 150px);
    }
}
.b-page-header .header-box .mainidentity .container-inner {
    height: 40px;
}
.b-page-header .header-box .mainidentity a {
    position: relative;
    -webkit-transform: translateY(-75%);
    transform: translateY(-75%);
    -ms-transform: translateY(-75%);
    margin-right: 15px;
    white-space: nowrap;
}
@media (min-width: 768px) {
    .b-page-header .header-box .mainidentity .container-inner {
        max-width: 720px;
    }
    .b-page-header .header-box .mainidentity a {
        width: auto;
        top: 50%;
        left: auto;
        -webkit-transform: translate(0, -75%);
        transform: translate(0, -75%);
        -ms-transform: translate(0, -75%);
        margin: 0 7px;
        position: relative;
        display: inline-block;
    }
}
@media (min-width: 992px) {
    .b-page-header .header-box .mainidentity .container-inner {
        max-width: 960px;
        padding-right: 10px;
    }
}
@media (min-width: 1200px) {
    .b-page-header .header-box .mainidentity .container-inner {
        padding-right: 0;
    }
}




/* Header Mobile: Bei Sprachumschaltern aktive Sprache ausgrauen */
@media (max-width: 767px) {
    .b-page-header .header-box .language .language-box,
    .b-page-header .header-box .language strong {
        color: #aaa;
    }
}





/* Header: Sprachumschalter bei geöffneter Navi ausblenden */
body.nav-is-open .b-page-header .language {
    visibility: hidden;
    opacity: 0;
}




/* Header: Barrierefreiheit im Sprachumschalter verbessern */
.b-page-header .header-box .language a {
    color: #004191;
    text-decoration: underline;
}
.b-page-header .header-box .language a:hover {
    text-decoration: none;
}
.b-page-header .header-box .language strong {
    color: #333;
}
.b-page-header .header-box .language .language-box {
    cursor: default;
}
@media (max-width: 767px) {
    .b-page-header .header-box .language a {
        color: #fff;
    }
    .b-page-header .header-box .language,
    .b-page-header .header-box .language strong {
        color: #ccc;
    }
}





/* Header: Neue Menüs für Barrierefreiheit und Sprachwechsel */
@media (min-width: 768px) {
    .b-page-header .header-box .search {
        margin-left: 0px;
    }
}
#a11y-menu,
.b-page-header .header-box .language {
    display: inline-block;
    vertical-align: top;
    margin-left: 0px;
}
body.nav-is-open .b-page-header #a11y-menu {
    visibility: hidden;
}
#a11y-menu-options,
#language-menu-options {
    display: none;
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 0;
    position: absolute;
}
#a11y-menu-nav ul li a,
#language-menu-options li a,
#language-menu-options li a abbr,
#language-menu-options li strong,
#language-menu-options li strong abbr {
    word-spacing: initial;
}
#a11y-menu-nav ul li a {
    display: inline-block;
    width: 100%;
    height: 100%;
}
#a11y-menu-title,
#language-menu-title,
#language-menu-options li a,
#language-menu-options li a abbr,
#language-menu-options li strong,
#language-menu-options li strong abbr {
    display: inline-block;
}
#language-menu-options li a,
#language-menu-options li a abbr,
#language-menu-options li strong,
#language-menu-options li strong abbr {
    padding: 0;
    width: 100%;
    height: 100%;
    text-align: center;
}
#language-menu-options li a abbr,
#language-menu-options li strong abbr {
    padding: 11px 0;
}
#a11y-menu-title,
#a11y-menu-leichtesprache,
#a11y-menu-gebaerdensprache,
#a11y-menu-gebaeude,
#language-menu-title,
#language-menu-options li {
    vertical-align: bottom;
    position: relative;
    height: 44px;
    width: 44px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid transparent;
    border-radius: 50%;
    margin-bottom: 4px;
}
#a11y-menu-title,
#a11y-menu-leichtesprache,
#a11y-menu-gebaerdensprache,
#a11y-menu-gebaeude,
#language-menu-title {
    font-size: 0;
    color: transparent;
}
#a11y-menu-leichtesprache,
#a11y-menu-gebaerdensprache,
#a11y-menu-gebaeude,
#language-menu-options li {
    display: block;
    background-color: #eee;
    border-color: #eee;
    padding: 0;
    text-align: center;
}
#a11y-menu-title:hover,
#a11y-menu-nav:hover #a11y-menu-title,
#a11y-menu-leichtesprache:hover,
#a11y-menu-gebaerdensprache:hover,
#a11y-menu-gebaeude:hover,
.language-box:hover #language-menu-title,
#language-menu-options li:hover {
    background-color: #eee;
    border: 1px solid #333;
    cursor: pointer;
}
#a11y-menu-title:hover,
#a11y-menu-nav:hover #a11y-menu-title,
.language-box:hover #language-menu-title {
    background-color: #fff;
}
.b-page-header .header-box .language a {
    color: #333;
}
#language-menu-options li.current-language strong {
    color: #ccc;
}
#language-menu-options li.current-language:hover {
    border-color: #eee;
    cursor: default;
}
#a11y-menu-title:hover,
#a11y-menu-nav:hover #a11y-menu-title,
.language-box:hover #language-menu-title {
    cursor: default;
}
#a11y-menu-title::before,
#a11y-menu-leichtesprache a::before,
#a11y-menu-gebaerdensprache a::before,
#a11y-menu-gebaeude a::before,
#language-menu-title::before,
#a11y-menu-title::after,
#language-menu-title::after {
    background-size: 1450px 110px;
    background-image: url(/system/modules/de.stuttgart.uni.v3.basics/resources/img/sprites/sprites-icons-sprite.svg);
    content: "";
    position: absolute;
}
#a11y-menu-title::before,
#a11y-menu-leichtesprache a::before,
#a11y-menu-gebaerdensprache a::before,
#a11y-menu-gebaeude a::before,
#language-menu-title::before {
    width: 32px;
    height: 32px;
    top: 7px;
    left: 5px;
}
#a11y-menu-title::after,
#language-menu-title::after {
    width: 18px;
    height: 10px;
    background-position: -76px 1px;
    bottom: -8px;
    left: 12px;
}
#a11y-menu-title::before {
    background-position: -161px -76px;
}
#language-menu-title::before {
    background-position: -198px -76px;
}
#a11y-menu-leichtesprache a::before {
    background-position: -237px -76px;
}
#a11y-menu-gebaerdensprache a::before {
    background-position: -274px -76px;
}
#a11y-menu-gebaeude a::before {
    background-position: -453px -76px;
}
#a11y-menu-nav:hover #a11y-menu-title::after,
.language-box:hover #language-menu-title::after {
    display: none;
}
#a11y-menu-nav:hover ul,
#a11y-menu-nav #a11y-menu-title:focus ul,
.language-box:hover ul#language-menu-options,
.language-box #language-menu-title:focus ul#language-menu-options {
    display: block;
}
@media (max-width: 767px) {
    .b-page-header .header-box .language {
        border-left: none;
    }
    .b-page-header .header-box .language .language-box,
    .b-page-header .header-box #a11y-menu #a11y-menu-nav {
        padding: 3px 0;
    }
    .b-page-header .header-box .language .language-box #language-menu-title,
    .b-page-header .header-box #a11y-menu #a11y-menu-nav #a11y-menu-title {
        background-color: transparent;
    }
    #a11y-menu-title::before {
        background-position: -308px -76px;
    }
    #language-menu-title::before {
        background-position: -344px -76px;
    }
    #a11y-menu-title::after,
    #language-menu-title::after {
        background-position: -92px 1px;
        bottom: -4px;
    }
    #a11y-menu-title:hover,
    #a11y-menu-nav:hover #a11y-menu-title,
    .language-box #language-menu-title:hover,
    .language-box:hover #language-menu-title {
        border-color: #fff;
    }
}
.b-page-header .header-box .call-to {
    margin-right: 4px;
}




/* Header: Icons für Suche und Hamburger filigraner */
.b-page-header .nav-button .lines-button::before {
    width: 28px;
    height: 24px;
    background-position: -895px -38px;
}
.b-page-header .nav-button .lines-button.js-active::before {
    background-position: -1135px -38px;
}
@media screen and (min-width: 767px) {
    body:not(.nav-is-open) .b-page-header .header-box .search button::before {
        width: 27px;
        height: 27px;
        background-position: -1165px -38px;
    }
    body.nav-is-open .b-page-header .header-box .search button::before {
        width: 27px;
        height: 27px;
        background-position: -1200px -38px;
    }
}
@media screen and (max-width: 767px) {
    body:not(.nav-is-open) .b-page-header .header-box .search button::before,
    body.nav-is-open .b-page-header .header-box .search button::before {
        width: 27px;
        height: 27px;
        background-position: -1200px -38px;
    }
    body:not(.nav-is-open) .b-page-header .header-box .search button.js-active::before,
    body.nav-is-open .b-page-header .header-box .search button.js-active::before {
        background-position: -1135px -38px;
    }
}




/*** Intro-Teaser ***/

/*** Intro: Textfarbe dunkler setzen (Barrierefreiheit) ***/
.intro-teaser__content p.intro-teaser__kicker,
.intro-teaser__content h1.intro-teaser__headline,
.intro-teaser__content p {
    color: #262626;
}

/*** Bug: In IE hat der Intro-Kreis keine Wortabstände ***/
.intro-teaser__reasons a .empty-span strong {
    word-spacing: normal;
}

/*** Intro-Kreis: Z-Index erhöhen, weil der Abstand unten entfernt wurde ***/
.intro-teaser__reasons {
    z-index: 99;
}

/*** Intro: Links weiß setzen, weil hellblau auf hellblau ein bisschen unsichtbar ist ***/
.intro-teaser__wrapper a,
.intro-teaser__wrapper p a{
    color: #333;
}

/*** Intro: Zusätzliche Ausgabevarianten mit hellem/weißem Hintergrund und Fullwidth- oder individuell zugeschnittenem Bild ohne abgerundete Ecken ***/
.is-bg-blue.intro-lightgrey,
.is-bg-blue.intro-lightgrey [data-css="c-intro-teaser"] .intro-teaser__wrapper {
    background-color: #eee;
}
.is-bg-blue.intro-white,
.is-bg-blue.intro-white [data-css="c-intro-teaser"] .intro-teaser__wrapper {
    background-color: #fff;
}
.is-bg-blue.intro-white {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.is-bg-blue.intro-fullwidth .c-figure--intro-teaser img {
    width: 100%;
    max-width: none;
    border-radius: 0;
}
.is-bg-blue.intro-regular .c-figure--intro-teaser img {
    border-radius: 0;
}
@media (min-width: 768px) {
    .is-bg-blue.intro-fullwidth .c-figure--intro-teaser img {
        width: 100%;
        max-width: none;
        border-radius: 0;
    }
}
.intro-fullwidth-image {
    overflow: hidden;
    width: 1170px;
    height: 320px;
    text-align: center;
}
@media (max-width: 1999px) {
    .intro-fullwidth-image {
        width: 100%;
    }
    .intro-fullwidth-image img {
        width: 1170px;
        max-width: none;
        margin-left: 50%;
        transform: translateX(-50%);
    }
}
.is-bg-blue.intro-fullwidth.intro-has-image [data-css="c-intro-teaser"] .intro-teaser__wrapper {
    height: auto;
    max-height: 320px;
}

/*** Intro: Wenn Variante mit Kreis keinen Link hat ***/
.c-intro-teaser--reasons .intro-teaser__reasons > span {
    color: #333;
    -webkit-transition: color ease 300ms;
    transition: color ease 300ms;
    display: block;
    height: 100%;
    width: 100%;
}
.c-intro-teaser--reasons .intro-teaser__reasons.intro-teaser-reasons-no-link::before,
.c-intro-teaser--reasons.is-modified .intro-teaser__reasons.intro-teaser-reasons-no-link::before {
    content: none;
}
.c-intro-teaser--reasons .intro-teaser__reasons.intro-teaser-reasons-no-link:hover {
    background-color: #fff;
}
.c-intro-teaser--reasons .intro-teaser__reasons.intro-teaser-reasons-no-link:hover em,
.c-intro-teaser--reasons .intro-teaser__reasons.intro-teaser-reasons-no-link:hover span,
.c-intro-teaser--reasons .intro-teaser__reasons.intro-teaser-reasons-no-link:hover strong {
    color: #333;
}
.c-intro-teaser--reasons.is-modified .intro-teaser__reasons.intro-teaser-reasons-no-link:hover {
    background-color: #333;
}
.c-intro-teaser--reasons.is-modified .intro-teaser__reasons.intro-teaser-reasons-no-link:hover em,
.c-intro-teaser--reasons.is-modified .intro-teaser__reasons.intro-teaser-reasons-no-link:hover span,
.c-intro-teaser--reasons.is-modified .intro-teaser__reasons.intro-teaser-reasons-no-link:hover strong {
    color: #fff;
}

/*** Intro: Margin-Bottom am letzten Paragraph entfernen ***/
.intro-teaser__content p:last-child {
    margin-bottom: 0;
}

/*** Intro: Abstände links und rechts, wenn mobile ***/
@media (max-width: 767px) {
    .c-intro-teaser--default {
        padding: 0 15px;
        /*margin: 0 7px;*/
    }
}

/*** Intro: In Mobile-Variante weniger Höhe ***/
@media (max-width: 767px) {
    [data-css="c-intro-teaser"] .intro-teaser__wrapper {
        height: auto;
    }
}



/*** Breadcrumb / Krümelpfad ***/

/*** Breadcrumb-Pfeil rechts ausblenden ***/
.b-breadcrumb .breadcrumb-navigation.btn-right.show span {
    display: none;
}

/*** Breadcrumb-Pfeil scrollbar ausblenden ***/
.b-breadscroller--default .breadscroller__content {
    overflow-x: hidden;
}

/*** Breadcrumb: Schriftfarbe dunkler machen (Barrierefreiheit) ***/
.b-breadscroller--default .breadscroller__list-element {
    color: #333;
}

/*** Breadcrumb: Letztes Element 1px nach unten verschieben (unklar, woher der bisherige Versatz kam) ***/
/*.b-breadscroller--default.is-active .breadscroller__list-element.is-active {
	padding-top: 2px;
}*/
.b-breadscroller--default.is-active .breadscroller__list-element:before {
    padding-top: 1px;
}
/*.b-breadscroller--default.is-active .breadscroller__list-element.is-active:before {
	padding-top: 2px;
}*/


/*** Breadcrumb: Letztes Element abkürzen ***/
.breadscroller__list-element.is-active {
    width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
}



/*** Well: Padding left/right entfernen ***/
.well {
    /* padding-left: 0 !important; */
    /* padding-right: 0 !important; */
}




/*** Footer: Hinter letzten Element den Trennpunkt ausblenden ***/
@media (max-width: 457px) {
    .c-linklist--footer-service-links .linklist__entry:last-child .linklist__link:after {
        visibility: hidden;
    }
}




/*** Footer: Elemente zentrieren ***/
.c-linklist--footer-socials .linklist__entry .linklist__link {
    display: inline-block;
}




/*** News: Header schmäler machen ***/
.aktuelles [data-css="c-intro-teaser"] .intro-teaser__wrapper {
    height: 200px;
}
@media (max-width: 768px) {
    .aktuelles [data-css="c-intro-teaser"] .intro-teaser__wrapper {
        height: 140px;
    }
}




/*** Bugfix (Alkacon): Leere Paragraphs ausblenden ***/
p:empty {
    display: none;
}




/*** Bugfix (Aperto): Fehlendes Styling für Bildunterschriften nachtragen ***/
.panel-body .image {
    font-size: 0.625em;
}
.image .caption {
    background: #eee;
    padding: 10px 6px;
    /*font-size: 0.8em;*/
    font-size: 12px;
}




/*** Bugfix (Aperto): Fehlendes Styling für Bildunterschriften nachtragen ***/
.panel-body ul:last-child {
    margin-bottom: 0;
}




/*** Flexblocks: Abstände nach oben an erster Überschrift korrigieren ***/
.flexblocks h2,
.flexblocks h3.firsthead {
    margin-top: 0;
}




/*** Flexblocks: Bugfix (Aperto): Fehlenden Abstand unter Flexblock-Bildern nachtragen ***/
.flexblocks .image {
    margin-bottom: 20px;
}




/*** Flexblocks: Slider Anpassungen ***/
.flexblocks .carousel {
    overflow: hidden;
}
.flexblocks .carousel.text-hidden .item {
    margin-bottom: 30px;
}
.flexblocks .carousel .carousel-caption {
    position: relative;
    min-height: 108px;
    left: 0;
    right: 0;
    margin-bottom: -20px;
    margin-top: 20px;
    padding: 10px 14px 22px 14px;
    background: #00beff;
    color: #262626;
    text-shadow: none;
    text-align: left;
}
.flexblocks .carousel.captionbox-lightgrey .carousel-caption {
    background: #eee;
    color: #333;
}
.flexblocks .carousel .carousel-caption p {
    margin-bottom: 0;
    font-size: 12px;
}
.flexblocks .carousel .carousel-caption a {
    color: #000;
}
.flexblocks .carousel .carousel-caption a:hover {
    color: #262626;
}
.flexblocks .carousel .carousel-indicator-container {
    position: absolute;
    bottom: 6px;
    left: 50%;
    z-index: 15;
    width: auto;
    margin-left: 0;
    padding-left: 0;
    list-style: none;
    text-align: center;
    transform: translateX(-50%);
}
.flexblocks .carousel .carousel-indicator-container .carousel-indicators {
    position: relative;
    bottom: auto;
    left: auto;
    z-index: auto;
    width: auto;
    margin-left: 0;
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
    text-align: center;
}
.flexblocks .carousel .carousel-indicator-container .carousel-indicators li {
    border: 1px solid #262626;
}
.flexblocks .carousel .carousel-indicator-container .carousel-indicators li.active {
    background-color: #262626;
}
.flexblocks .carousel .carousel-indicator-container .carousel-play-pause {
    position: absolute;
    left: -30px;
    cursor: pointer;
    margin-top: 1px;
    width: 20px;
    height: 20px;
    z-index: 50;
    background: none;
    border: none;
}
.flexblocks .carousel .carousel-indicator-container .carousel-play-pause::after {
    content: '';
    display: block;
    background-image: url(https://www.uni-stuttgart.de/system/modules/de.stuttgart.uni.v3.basics/resources/img/sprites/sprites-icons-sprite.svg);
    background-size: 1450px 110px;
    position: absolute;
    width: 30px;
    height: 30px;
    left: -6px;
    top: -6px;
    -webkit-filter: none;
    filter: none;
}
.flexblocks .carousel .carousel-indicator-container .carousel-play-pause.is-active::after {
    background-position: -930px -41px;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -ms-transform: scale(0.5);
}
.flexblocks .carousel .carousel-indicator-container .carousel-play-pause.isnt-active::after {
    background-position: -1070px -41px;
    -webkit-transform: scale(0.55);
    transform: scale(0.55);
    -ms-transform: scale(0.55);
}
.flexblocks .carousel .carousel-control {
    padding: 0;
    outline: none;
    font-style: inherit;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: none;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    z-index: 100;
    background-color: transparent !important;
    background-image: none;
    -webkit-transition: opacity 600ms ease;
    transition: opacity 600ms ease;
}
.flexblocks .carousel .carousel-control button,
.flexblocks .carousel .carousel-control .prev-next-button {
    align-items: flex-start;
}
.flexblocks .carousel .carousel-control .prev-next-button::after {
    top: 42%;
}
.flexblocks .carousel:hover .carousel-control {
    opacity: 1;
    -webkit-transition: opacity 600ms ease;
    transition: opacity 600ms ease;
}
.flexblocks .carousel:hover .carousel-control button,
.flexblocks .carousel:hover .carousel-control .prev-next-button {
    opacity: 1;
}
.flexblocks .carousel:hover .carousel-control .c-cta--slider.is-previous {
    left: 0;
}
.flexblocks .carousel:hover .carousel-control .c-cta--slider.is-next {
    right: 0;
}
.flexblocks .carousel .carousel-control.left {
    left: -35px;
}
.flexblocks .carousel .carousel-control.right {
    right: -35px;
}





/*** Flexblocks: Akkordion Bild-Floating ***/
.flexblocks #accordion {
    clear: both;
}
.flexblocks #accordion .image {
    float: right;
    width: 50%;
    margin-left: 5px;
    margin-bottom: 5px;
}
.col-md-3 .flexblocks #accordion .image,
.col-md-4 .flexblocks #accordion .image {
    float: none;
    width: auto;
    margin-left: 0;
    margin-bottom: 20px;
}
.flexblocks #accordion .image .caption {
    font-size: 1.2em;
}

/*** Flexblocks mit Accordion Suchfeld und Buttons allopen und allclose ***/
.element-toolbar .suchfeldcontainer {
    display:inline-block;
    width:50%;
    position:relative;
}
.element-toolbar .faqsallopenclose {
    display:inline-block;
    width:49%;
    text-align:right;
}
@media (max-width: 768px) {
    .element-toolbar .suchfeldcontainer {
        width:100%;
    }
    .element-toolbar .faqsallopenclose {
        width:100%;
    }
}


@media only screen and (max-width: 768px) {
    .flexblocks #accordion .image {
        float: none;
        width: auto;
        margin-left: 0;
        margin-bottom: 20px;
    }
}




/*** Flexblocks: Link-Button-Margin-Top ***/
.flexblocks .btn.btn-default.linkbutton {
    margin-bottom: 20px;
}




/*** Flexblocks: Linkbutton in Ausreißern als normalen Link darstellen */
.col-sm-4.col-md-3 .flexblocks .btn.btn-default.linkbutton {
    margin-top: 0;
    display: inline;
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
    font-family: "Univers LT W01 45 Light", arial, sans-serif;
    text-transform: none;
    text-align: left;
    vertical-align: baseline;
    touch-action: inherit;
    cursor: auto;
    border: none;
    white-space: normal;
    padding: 0;
    font-size: 16px;
    line-height: inherit;
    -webkit-user-select: inherit;
    -moz-user-select: inherit;
    user-select: inherit;
    color: #00BEFF;
    background: none;
}
.col-sm-4.col-md-3 .flexblocks .btn.btn-default.linkbutton:hover {
    color: #004191;
    cursor: pointer;
}
/*** Flexblocks: Tab-Einstellung Abstand zum nächsten Element */
.tab-content {
    margin-bottom:20px;
}



/*** Icon-Box ***/
.iconbox {
    text-align: center;
}
.iconbox .iconbox-icon {
    display: inline-block;
    position: relative;
    border: none;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    background: #333;
    overflow: hidden;
    /*font: 0/0 serif;*/
    font-size: 0;
    line-height: 0;
    font-family: serif;
    text-shadow: none;
    color: transparent;
    text-decoration: none;
    box-sizing: inherit;
}
.iconbox .iconbox-icon:after {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    width: 24px;
    height: 24px;
    box-sizing: inherit;
    content: "";
    /*
    background-image: url("../img/sprites/sprites-icons-sprite.svg");
    background-size: 1450px 110px;
    background-position: -1235px 0;
    */
    /*
    background-image: url("../img/svg/icons/fon-white.svg");
    background-size: 21px 20px;
    */
    background-image: url("../img/sprites/sprites-icon-box.svg");
    background-size: 520px 100px;
    /* background-position: 0 0; */
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.iconbox a {
    display: block;
}
/*
.iconbox a:hover .iconbox-icon,
.iconbox a:focus .iconbox-icon {
	background: #3c5997;
	border-color: #3c5997;
}
.iconbox a:hover .iconbox-icon.twitter,
.iconbox a:focus .iconbox-icon.twitter {
	background: #54abed;
	border-color: #54abed;
}
.iconbox a:hover .iconbox-icon.youtube,
.iconbox a:focus .iconbox-icon.youtube {
	background: #d41529;
    border-color: #d41529;
}
.iconbox a:hover .iconbox-icon.googleplus,
.iconbox a:focus .iconbox-icon.googleplus {
	background: #cf3223;
    border-color: #cf3223;
}
*/
.iconbox .iconbox-icon.facebook:after   { background-position: 0 0; }
.iconbox .iconbox-icon.googleplus:after { background-position: -26px 0; }
.iconbox .iconbox-icon.youtube:after    { background-position: -53px 0; }
.iconbox .iconbox-icon.location:after   { background-position: -79px 0; }
.iconbox .iconbox-icon.telefon:after    { background-position: -104px 0; }
.iconbox .iconbox-icon.download:after   { background-position: -131px 0; }
.iconbox .iconbox-icon.email:after      { background-position: -157px 0; }
.iconbox .iconbox-icon.signup:after     { background-position: -183px 0; }
.iconbox .iconbox-icon.twitter:after    { background-position: -209px 0; }
.iconbox .iconbox-icon.vimeo:after      { background-position: -235px 0; }
.iconbox .iconbox-icon.pdf:after        { background-position: -260px 0; }
.iconbox .iconbox-icon.doc:after        { background-position: -286px 0; }
.iconbox .iconbox-icon.ppt:after        { background-position: -312px 0; }
.iconbox .iconbox-icon.xls:after        { background-position: -338px 0; }
.iconbox .iconbox-icon.calendar:after   { background-position: -365px 0; }
.iconbox .iconbox-icon.video:after      { background-position: -391px 0; }
.iconbox .iconbox-icon.attention:after  { background-position: -417px 0; }
.iconbox .iconbox-icon.info:after       { background-position: -443px 0; }
.iconbox .iconbox-icon.instagram:after  { background-position: -340px -26px; }
.iconbox .iconbox-icon.xing:after       { background-position: -365px -26px; }
.iconbox .iconbox-icon.linkedin:after   { background-position: -391px -26px; }
.iconbox .well {
    padding: 40px 20px 10px 20px;
}
.iconbox .well,
.iconbox .well.bg_lightgrey {
    background-color: #eee;
    border: 2px solid #eee;
    color: #333;
}
.iconbox a:hover .well,
.iconbox a:focus .well {
    background-color: #00beff;
    border-color: #333;
}
.iconbox a:hover .well.bg_lightgrey,
.iconbox a:focus .well.bg_lightgrey {
    background-color: #eee;
    border-color: #004191;
}
.iconbox .well.bg_lightblue {
    background-color: #00beff;
    border-color: #00beff;
    color: #262626;
}
.iconbox a:hover .well.bg_lightblue,
.iconbox a:focus .well.bg_lightblue {
    background-color: #00beff;
    border-color: #333;
}
.iconbox .well.bg_white {
    background-color: #fff;
    border-color: #eee;
}
.iconbox a:hover .well.bg_white,
.iconbox a:focus .well.bg_white {
    background-color: #fff;
    border-color: #004191;
}
.iconbox a,
.iconbox a *,
.iconbox a:hover,
.iconbox a:hover * {
    text-decoration: none;
}



/*** Icons: SM ***/
.sm-icon {
    display: inline-block;
    position: relative;
    border: 1px solid #333;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    background: #333;
    overflow: hidden;
    font: 0/0 serif;
    text-shadow: none;
    color: transparent;
    text-decoration: none;
    box-sizing: inherit;
    vertical-align: middle;
    margin-right: 4px;
}
.sm-icon:after {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    width: 24px;
    height: 24px;
    box-sizing: inherit;
    content: "";
    background-image: url("../img/sprites/sprites-icon-box.svg");
    background-size: 520px 100px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.sm-icon:hover,
.sm-icon:focus,
a:hover .sm-icon,
a:focus .sm-icon {
    background: #3c5997;
    border-color: #3c5997;
}
.sm-icon.twitter:hover,
.sm-icon.twitter:focus,
a:hover .sm-icon.twitter,
a:focus .sm-icon.twitter {
    background: #54abed;
    border-color: #54abed;
}
.sm-icon.youtube:hover,
.sm-icon.youtube:focus,
a:hover .sm-icon.youtube,
a:focus .sm-icon.youtube {
    background: #d41529;
    border-color: #d41529;
}
.sm-icon.googleplus:hover,
.sm-icon.googleplus:focus,
a:hover .sm-icon.googleplus,
a:focus .sm-icon.googleplus {
    background: #cf3223;
    border-color: #cf3223;
}
.sm-icon.facebook:after   { background-position: 0 0; }
.sm-icon.googleplus:after { background-position: -26px 0; }
.sm-icon.youtube:after    { background-position: -53px 0; }
.sm-icon.location:after   { background-position: -79px 0; }
.sm-icon.telefon:after    { background-position: -104px 0; }
.sm-icon.download:after   { background-position: -131px 0; }
.sm-icon.email:after      { background-position: -157px 0; }
.sm-icon.signup:after     { background-position: -183px 0; }
.sm-icon.twitter:after    { background-position: -209px 0; }
.sm-icon.vimeo:after      { background-position: -235px 0; }
.sm-icon.pdf:after        { background-position: -260px 0; }
.sm-icon.doc:after        { background-position: -286px 0; }
.sm-icon.ppt:after        { background-position: -312px 0; }
.sm-icon.xls:after        { background-position: -338px 0; }
.sm-icon.calendar:after   { background-position: -365px 0; }
.sm-icon.video:after      { background-position: -391px 0; }
.sm-icon.attention:after  { background-position: -417px 0; }
.sm-icon.info:after       { background-position: -443px 0; }
.sm-icon.fax:after        { background-position: -469px 0; }
.sm-icon.sign:after       { background-position: -495px 0; }
.sm-icon.www:after        { background-position: -1px -26px; }
.sm-icon.poallg:after     { background-position: -27px -27px; }
.sm-icon.pobes:after      { background-position: -53px -27px; }
.sm-icon.hauptfach:after  { background-position: -79px -26px; }
.sm-icon.nebenfach:after  { background-position: -105px -26px; }
.sm-icon.ein-fach:after   { background-position: -131px -26px; }
.sm-icon.kein:after       { background-position: -157px -26px; }
.sm-icon.usus:after       { background-position: -183px -26px; }
.sm-icon.vcard:after      { background-position: -209px -27px; }
.sm-icon.head:after       { background-position: -235px -26px; }
.sm-icon.stats:after      { background-position: -261px -29px; }
.sm-icon.file:after       { background-position: -286px -26px; }
.sm-icon.desc:after       { background-position: -312px -26px; }
.sm-icon.instagram:after  { background-position: -339px -26px; }
.sm-icon.xing:after       { background-position: -365px -26px; }
.sm-icon.linkedin:after   { background-position: -391px -26px; }
.sm-icon.dialog:after     { background-position: -417px -26px; }



/*** Icons: XS (black + white + inline) ***/
.xs-icon,
.xs-icon-white,
.xs-inline-icon,
.xs-inline-icon-white {
    display: inline-block;
    position: relative;
    background: transparent;
    border: 1px solid transparent;
    overflow: hidden;
    box-sizing: inherit;
    vertical-align: middle;
    margin-right: 4px;
    height: 26px;
}
.xs-icon,
.xs-icon-white {
    width: 26px;
    border-radius: 0%;
    font: 0/0 serif;
    text-shadow: none;
    color: transparent;
    text-decoration: none;
    top: -3px;
}
.xs-inline-icon,
.xs-inline-icon-white {
    border: none;
    padding-left: 26px;
}
.xs-icon:after,
.xs-icon-white:after,
.xs-inline-icon:before,
.xs-inline-icon-white:before {
    position: absolute;
    z-index: 1;
    top: 50%;
    width: 24px;
    height: 24px;
    box-sizing: inherit;
    content: "";
    background-image: url("../img/sprites/sprites-icon-box-dark.svg");
    background-size: 520px 100px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.xs-icon:after,
.xs-icon-white:after {
    left: 50%;
}
.xs-inline-icon:before,
.xs-inline-icon-white:before {
    left: 0%;
}
.xs-icon:after,
.xs-inline-icon:before {
    background-image: url("../img/sprites/sprites-icon-box-dark.svg");
}
.xs-icon-white:after,
.xs-inline-icon-white:before {
    background-image: url("../img/sprites/sprites-icon-box.svg");
}
.xs-icon.facebook:after,   .xs-icon-white.facebook:after,   .xs-inline-icon.facebook:before,   .xs-inline-icon-white.facebook:before   { background-position: 0 0; }
.xs-icon.googleplus:after, .xs-icon-white.googleplus:after, .xs-inline-icon.googleplus:before, .xs-inline-icon-white.googleplus:before { background-position: -26px 0; }
.xs-icon.youtube:after,    .xs-icon-white.youtube:after,    .xs-inline-icon.youtube:before,    .xs-inline-icon-white.youtube:before    { background-position: -53px 0; }
.xs-icon.location:after,   .xs-icon-white.location:after,   .xs-inline-icon.location:before,   .xs-inline-icon-white.location:before   { background-position: -79px 0; }
.xs-icon.telefon:after,    .xs-icon-white.telefon:after,    .xs-inline-icon.telefon:before,    .xs-inline-icon-white.telefon:before    { background-position: -104px 0; }
.xs-icon.download:after,   .xs-icon-white.download:after,   .xs-inline-icon.download:before,   .xs-inline-icon-white.download:before   { background-position: -131px 0; }
.xs-icon.email:after,      .xs-icon-white.email:after,      .xs-inline-icon.email:before,      .xs-inline-icon-white.email:before      { background-position: -157px 0; }
.xs-icon.signup:after,     .xs-icon-white.signup:after,     .xs-inline-icon.signup:before,     .xs-inline-icon-white.signup:before     { background-position: -183px 0; }
.xs-icon.twitter:after,    .xs-icon-white.twitter:after,    .xs-inline-icon.twitter:before,    .xs-inline-icon-white.twitter:before    { background-position: -209px 0; }
.xs-icon.vimeo:after,      .xs-icon-white.vimeo:after,      .xs-inline-icon.vimeo:before,      .xs-inline-icon-white.vimeo:before      { background-position: -235px 0; }
.xs-icon.pdf:after,        .xs-icon-white.pdf:after,        .xs-inline-icon.pdf:before,        .xs-inline-icon-white.pdf:before        { background-position: -260px 0; }
.xs-icon.doc:after,        .xs-icon-white.doc:after,        .xs-inline-icon.doc:before,        .xs-inline-icon-white.doc:before        { background-position: -286px 0; }
.xs-icon.ppt:after,        .xs-icon-white.ppt:after,        .xs-inline-icon.ppt:before,        .xs-inline-icon-white.ppt:before        { background-position: -312px 0; }
.xs-icon.xls:after,        .xs-icon-white.xls:after,        .xs-inline-icon.xls:before,        .xs-inline-icon-white.xls:before        { background-position: -338px 0; }
.xs-icon.calendar:after,   .xs-icon-white.calendar:after,   .xs-inline-icon.calendar:before,   .xs-inline-icon-white.calendar:before   { background-position: -365px 0; }
.xs-icon.video:after,      .xs-icon-white.video:after,      .xs-inline-icon.video:before,      .xs-inline-icon-white.video:before      { background-position: -391px 0; }
.xs-icon.attention:after,  .xs-icon-white.attention:after,  .xs-inline-icon.attention:before,  .xs-inline-icon-white.attention:before  { background-position: -417px 0; }
.xs-icon.info:after,       .xs-icon-white.info:after,       .xs-inline-icon.info:before,       .xs-inline-icon-white.info:before       { background-position: -443px 0; }
.xs-icon.fax:after,        .xs-icon-white.fax:after,        .xs-inline-icon.fax:before,        .xs-inline-icon-white.fax:before        { background-position: -469px 0; }
.xs-icon.sign:after,       .xs-icon-white.sign:after,       .xs-inline-icon.sign:before,       .xs-inline-icon-white.sign:before       { background-position: -495px 0; }
.xs-icon.www:after,        .xs-icon-white.www:after,        .xs-inline-icon.www:before,        .xs-inline-icon-white.www:before        { background-position: 0 -26px; }
.xs-icon.poallg:after,     .xs-icon-white.poallg:after,     .xs-inline-icon.poallg:before,     .xs-inline-icon-white.poallg:before     { background-position: -26px -26px; }
.xs-icon.pobes:after,      .xs-icon-white.pobes:after,      .xs-inline-icon.pobes:before,      .xs-inline-icon-white.pobes:before      { background-position: -53px -26px; }
.xs-icon.hauptfach:after,  .xs-icon-white.hauptfach:after,  .xs-inline-icon.hauptfach:before,  .xs-inline-icon-white.hauptfach:before  { background-position: -79px -26px; }
.xs-icon.nebenfach:after,  .xs-icon-white.nebenfach:after,  .xs-inline-icon.nebenfach:before,  .xs-inline-icon-white.nebenfach:before  { background-position: -104px -26px; }
.xs-icon.ein-fach:after,   .xs-icon-white.ein-fach:after,   .xs-inline-icon.ein-fach:before,   .xs-inline-icon-white.ein-fach:before   { background-position: -131px -26px; }
.xs-icon.kein:after,       .xs-icon-white.kein:after,       .xs-inline-icon.kein:before,       .xs-inline-icon-white.kein:before       { background-position: -157px -26px; }
.xs-icon.usus:after,       .xs-icon-white.usus:after,       .xs-inline-icon.usus:before,       .xs-inline-icon-white.usus:before       { background-position: -183px -26px; }
.xs-icon.vcard:after,      .xs-icon-white.vcard:after,      .xs-inline-icon.vcard:before,      .xs-inline-icon-white.vcard:before      { background-position: -209px -26px; }
.xs-icon.head:after,       .xs-icon-white.head:after,       .xs-inline-icon.head:before,       .xs-inline-icon-white.head:before       { background-position: -235px -26px; }
.xs-icon.stats:after,      .xs-icon-white.stats:after,      .xs-inline-icon.stats:before,      .xs-inline-icon-white.stats:before      { background-position: -261px -29px; }
.xs-icon.file:after,       .xs-icon-white.file:after,       .xs-inline-icon.file:before,       .xs-inline-icon-white.file:before       { background-position: -287px -26px; }
.xs-icon.desc:after,       .xs-icon-white.desc:after,       .xs-inline-icon.desc:before,       .xs-inline-icon-white.desc:before       { background-position: -313px -26px; }
.xs-icon.xing:after,       .xs-icon-white.xing:after,       .xs-inline-icon.xing:before,       .xs-inline-icon-white.xing:before       { background-position: -339px -26px; }
.xs-icon.xing:after,       .xs-icon-white.xing:after,       .xs-inline-icon.xing:before,       .xs-inline-icon-white.xing:before       { background-position: -365px -26px; }
.xs-icon.linkedin:after,   .xs-icon-white.linkedin:after,   .xs-inline-icon.linkedin:before,   .xs-inline-icon-white.linkedin:before   { background-position: -391px -27px; }
.xs-icon.dialog:after,     .xs-icon-white.dialog:after,     .xs-inline-icon.dialog:before,     .xs-inline-icon-white.dialog:before     { background-position: -417px -27px; }
.xs-icon.graduation:after, .xs-icon-white.graduation:after, .xs-inline-icon.graduation:before, .xs-inline-icon-white.graduation:before { background-position: -443px -27px; }

.xs-icon.empty:after,      .xs-icon-white.empty:after,      .xs-inline-icon.empty:before,      .xs-inline-icon-white.empty:before      { background: none; }
.xs-icon.empty,            .xs-icon-white.empty,            .xs-inline-icon.empty,             .xs-inline-icon-white.empty             { background: none; border: none; }

.btn .xs-icon,
.btn .xs-icon-white,
.btn .xs-inline-icon,
.btn .xs-inline-icon-white {
    margin-top: -6px;
    margin-bottom: -7px;
}


/* Icon-Spezialfall: Studienwahlkompass */
.sm-icon-kompass,
.sm-icon-kompass-grey,
.sm-icon-kompass-white {
    display: inline-block;
    position: relative;
    width: 50px;
    height: 50px;
    overflow: hidden;
    font: 0/0 serif;
    text-shadow: none;
    color: transparent;
    text-decoration: none;
    box-sizing: inherit;
    vertical-align: middle;
    margin-right: 4px;
    top: -4px;
}
.sm-icon-kompass:after,
.sm-icon-kompass-grey:after,
.sm-icon-kompass-white:after {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    box-sizing: inherit;
    content: "";
    background-image: url("/system/modules/de.stuttgart.uni.v3.zsb/resources/navigationbar/images/compass-grey.svg");
    background-size: 50px 50px;
    background-position: 0 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.xs-icon-kompass,
.xs-icon-kompass-grey,
.xs-icon-kompass-white {
    display: inline-block;
    position: relative;
    height: 30px;
    width: 30px;
    overflow: hidden;
    box-sizing: inherit;
    vertical-align: middle;
    font: 0/0 serif;
    text-shadow: none;
    color: transparent;
    text-decoration: none;
    box-sizing: inherit;
    vertical-align: middle;
    margin-right: -6px;
    top: -73px;
}
.xs-icon-kompass:after,
.xs-icon-kompass-grey:after,
.xs-icon-kompass-white:after {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    width: 30px;
    height: 30px;
    box-sizing: inherit;
    content: "";
    background-image: url("/system/modules/de.stuttgart.uni.v3.zsb/resources/navigationbar/images/compass-grey.svg");
    background-size: 30px 30px;
    background-position: 0 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.sm-icon-kompass:after,
.xs-icon-kompass:after,
.sm-icon-kompass-grey:after,
.xs-icon-kompass-grey:after {
    background-image: url("/system/modules/de.stuttgart.uni.v3.zsb/resources/navigationbar/images/compass-grey.svg");
}

.sm-icon-kompass-white:after,
.xs-icon-kompass-white:after {
    background-image: url("/system/modules/de.stuttgart.uni.v3.zsb/resources/navigationbar/images/compass-white.svg");
}


.generic-list-item article .sm-icon-kompass,
.generic-list-item article .xs-icon-kompass,
.generic-list-item article .sm-icon-kompass-white,
.generic-list-item article .xs-icon-kompass-white,
.generic-list-item article .sm-icon-kompass-grey,
.generic-list-item article .xs-icon-kompass-grey {
    position: absolute;
    top: 5px;
    right: 10px;
}



/*** Icons: XXS (circled) ***/
.xxs-icon-circled {
    display: inline-block;
    position: relative;
    border: 1px solid transparent;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    background: #333;
    overflow: hidden;
    font: 0/0 serif;
    text-shadow: none;
    color: transparent;
    text-decoration: none;
    box-sizing: inherit;
    vertical-align: middle;
    margin-right: 4px;
    top: -3px;
}
a .xxs-icon-circled:hover {
    background: #004191;
}
.xxs-icon-circled:after {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    width: 24px;
    height: 24px;
    box-sizing: inherit;
    content: "";
    background-image: url("../img/sprites/sprites-icon-box.svg");
    background-size: 390px 75px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.xxs-icon-circled.facebook:after   { background-position: 3px 2px; }
.xxs-icon-circled.googleplus:after { background-position: -16px 2px; }
.xxs-icon-circled.youtube:after    { background-position: -37px 2px; }
.xxs-icon-circled.location:after   { background-position: -56px 2px; }
.xxs-icon-circled.telefon:after    { background-position: -75px 2px; }
.xxs-icon-circled.download:after   { background-position: -95px 1px; }
.xxs-icon-circled.email:after      { background-position: -115px 2px; }
.xxs-icon-circled.signup:after     { background-position: -134px 2px; }
.xxs-icon-circled.twitter:after    { background-position: -154px 2px; }
.xxs-icon-circled.vimeo:after      { background-position: -173px 2px; }
.xxs-icon-circled.pdf:after        { background-position: -192px 2px; }
.xxs-icon-circled.doc:after        { background-position: -212px 2px; }
.xxs-icon-circled.ppt:after        { background-position: -232px 2px; }
.xxs-icon-circled.xls:after        { background-position: -251px 2px; }
.xxs-icon-circled.calendar:after   { background-position: -270px 1px; }
.xxs-icon-circled.video:after      { background-position: -290px 2px; }
.xxs-icon-circled.attention:after  { background-position: -310px 2px; }
.xxs-icon-circled.info:after       { background-position: -329px 2px; }
.xxs-icon-circled.fax:after        { background-position: -349px 2px; }
.xxs-icon-circled.sign:after       { background-position: -368px 2px; }
.xxs-icon-circled.www:after        { background-position: 2px -17px; }
.xxs-icon-circled.poallg:after     { background-position: -17px -17px; }
.xxs-icon-circled.pobes:after      { background-position: -37px -17px; }
.xxs-icon-circled.hauptfach:after  { background-position: -56px -17px; }
.xxs-icon-circled.nebenfach:after  { background-position: -76px -17px; }
.xxs-icon-circled.ein-fach:after   { background-position: -95px -17px; }
.xxs-icon-circled.kein:after       { background-position: -115px -17px; }
.xxs-icon-circled.usus:after       { background-position: -134px -17px; }
.xxs-icon-circled.vcard:after      { background-position: -154px -17px; }
.xxs-icon-circled.head:after       { background-position: -173px -18px; }
.xxs-icon-circled.stats:after      { background-position: -193px -19px; }
.xxs-icon-circled.file:after       { background-position: -212px -17px; }
.xxs-icon-circled.desc:after       { background-position: -231px -17px; }

.xxs-icon-circled.empty:after      { background: none; }
.xxs-icon-circled.empty            { background: none; border: none; }




/*** Social Media Box ***/
.social-media .well {
    padding-bottom: 1px;
}
.social-media .well p.link {
    margin:  0 0 20px 0;
}
.social-media .well .image {
    margin: 0 0 20px 0;
}
.social-media .well .caption {
    background: #333;
    color: #fff;
}



/*** Logo-Box ***/
.logobox {
    text-align: center;
    margin-top: 15px;
}
.logobox .logobox-innerwrap {
    display: block;
    width: 100%;
    height: 100%;
    padding-top: 35px;
}
.logobox a.logobox-innerwrap {
    text-decoration: none;
}
.logobox .logobox-logo {
    display: inline-block;
    position: relative;
    border: 1px solid #eee;
    border-radius: 50%;
    width: 150px;
    height: 150px;
    background: #eee;
    overflow: hidden;
    font: 0/0 sans-serif;
    text-shadow: none;
    color: transparent;
    text-decoration: none;
    box-sizing: inherit;
    margin-bottom: 10px;
}

.logobox.white .logobox-innerwrap {
    border: 2px solid #eee;
}
.logobox.white a.logobox-innerwrap:hover,
.logobox.white a.logobox-innerwrap:focus {
    border-color: #004191;
}

.logobox.lightgrey .logobox-innerwrap {
    background: #eee;
    border: 2px solid #eee;
}
.logobox.lightgrey a.logobox-innerwrap:hover,
.logobox.lightgrey a.logobox-innerwrap:focus {
    border-color: #004191;
}
.logobox.lightgrey .logobox-logo {
    border: 1px solid transparent;
    background: transparent;
}

.logobox.blank {
    border: none;
    padding-top: 0;
}
.logobox.blank .logobox-innerwrap {
    padding-top: 0;
}
.logobox.blank .logobox-innerwrap:hover,
.logobox.blank a.logobox-innerwrap:focus {
    background-color: #eee;
}
.logobox.blank .logobox-logo {
    border: none;
    border-radius: 0;
    width: 100%;
    height: auto;
    background: transparent;
}






/*** Linkliste: Standard-Ausgabe ***/
ul.linklist_standard {margin-top:20px;}
.linklist .linklist_standard li {
    position: relative;
}
.linklist .linklist_standard li {
    font-size: 16px;
    line-height: 1.2em;
    font-family: "Univers LT W01 65 Bold", arial, sans-serif;
    list-style-type: none;
    padding-bottom:1em;
}
.linklist .linklist_standard li:before {
    top: 2px;
    /*margin-top: -16px;*/
    position: absolute;
    z-index: 1;
    content: " ";
    left: -1em;
    height: 15px;
    width: 15px;
    background-position: -210px 0;
    background-size: 1450px 110px;
    background-image: url("../img/sprites/sprites-icons-sprite.svg");
    box-sizing: inherit;
}
.linklist .panel .linklist_standard {
    margin-bottom: 0;
}
.linklist .well .btn {
    margin-top: 2px;
    margin-bottom: 2px;
}

.linklist .panel {
    /* margin-top: 20px; */
    margin-top: 0;
    margin-bottom: 0;
}
.linklist h5 {
    margin-top: 0;
}

/*** Linkliste: Standard-Ausgabe ***/
.linklist .btn.btn-default.fullwidth,
.btn.btn-default.fullwidth {
    display: block;
    margin: 1px 0 2px 0;
}



/*** Linkliste: Description Font Weight ***/
.linklist .desc {
    font-family: "Univers LT W01 45 Light", arial, sans-serif;
}



/*** Linkliste: Button-Cloud im "Blocksatz" ausrichten ***/
.linklist .well {
    padding: 20px;
    display: flex;
    flex-wrap: wrap;
}
.linklist .well a {
    flex-grow: 1;
    margin: 2px;
}




/*** News- & Event-Seitenelemente ***/
/*
.news-single,
.event-single {
	display: table;
	padding: 20px;
	position: relative;
	width: 100%;
}
.event-single {
	min-height: 180px;
}
.news-single figure,
.event-single figure,
.news-single .news-single-txt,
.event-single .event-single-txt {
	display: table-cell;
	vertical-align: middle;
	float: none;
}
.news-single figure {
	width: 140px;
}
.news-single .news-single-txt h3,
.event-single .event-single-txt h3 {
	margin-bottom: 0;
}
.news-single .metas,
.event-single .metas,
.social-media .metas,
.employee-single .metas,
.news-list .metas,
.events-list .metas {
	position: absolute;
	bottom: 4px;
	right: 10px;
	font-size: 15px;
}
.event-single .stream-teaser__date {
	color: #fff;
	font-size: 36px;
	font-family: "Univers LT W01 65 Bold",arial,sans-serif;
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
}
.event-single .is-inverted {
	display: table-cell;
	float: none;
	vertical-align: middle;
	position: relative;
	width: 140px;
	height: 140px;
}
.event-single .is-inverted .stream-teaser__date::after {
	border-color: #333;
}
.event-single .is-inverted .stream-teaser__date {
    color: #333;
}
.event-single .stream-teaser__date::after {
	content: '';
	display: block;
	position: absolute;
	width: 140px;
	height: 140px;
	border-radius: 50%;
	border: 2px solid #fff;
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%)
}
*/



/* News + Event als Ausreißer */
.news [data-css="c-stream-teaser"],
.event [data-css="c-stream-teaser"] {
    width: auto;
    float: none;
}
.news .c-stream-teaser--event .stream-teaser__header,
.event .c-stream-teaser--event .stream-teaser__header {
    min-height: 220px;
}
.news [data-css="c-stream-teaser"] .stream-teaser__link,
.event [data-css="c-stream-teaser"] .stream-teaser__link {
    background-color: #eee;
}
.news [data-css="c-stream-teaser"] .stream-teaser__link:hover,
.event [data-css="c-stream-teaser"] .stream-teaser__link:hover {
    background-color: #00beff;
}
.news .c-stream-teaser--event .stream-teaser__date::after,
.event .c-stream-teaser--event .stream-teaser__date::after {
    width: 160px;
    height: 160px;
}
.news .c-stream-teaser--event .stream-teaser__date,
.event .c-stream-teaser--event .stream-teaser__date {
    font-size: 40px;
}
.news .c-stream-teaser--event .stream-teaser__content,
.event .c-stream-teaser--event .stream-teaser__content {
    padding-top: 0;
}
.news [data-css="c-stream-teaser"] .stream-teaser__headline,
.news [data-css="c-stream-teaser"] .stream-teaser__footer,
.event [data-css="c-stream-teaser"] .stream-teaser__headline,
.event [data-css="c-stream-teaser"] .stream-teaser__footer {
    text-align: left;
}
.event .c-stream-teaser--event .stream-teaser__header {
    margin-bottom: 25px;
}
.news .c-stream-teaser--event .stream-teaser__content,
.event .c-stream-teaser--event .stream-teaser__content {
    margin-bottom: 20px;
}



/* News-Liste */
.news-list .item h3,
.events-list .item h3{
    margin-top: 0;
}
.news-list .thumbnail {
    position: relative;
}



/* Studienkurzinfo */
.studienkurzinfo .row > div > .video,
.studienkurzinfo .row > div > .allgemeines,
.studienkurzinfo .row > div > .aenderung,
.studienkurzinfo .row > div > .element-toolbar {
    margin-top: 50px;
}
.studienkurzinfo .row .row > div > .video {
    margin-top: 0;
}
.studienkurzinfo .row > div > .video h3 {
    margin-top: 0;
}
.studienkurzinfo .btn.btn-default.fullwidth {
    margin: 50px 0;
}
.studienkurzinfo .akkreditierung-logo {
    margin: 10px 0 30px 0;
}
.studienkurzinfo .pruefungsordnungen {
    padding-top: 20px;
}
.studienkurzinfo .pruefungsordnungen .potitle {
    display: none;
}
.studienkurzinfo .video .caption {
    background: #eee;
    font-size: 12px;
    padding: 2px 4px;
}



/* Inhaltsbereich: Unnummerierte Listen mit UTF-8 Zeichen */
ul.utf8chars, /* Global */
ul.utf8chars ul,
ul ul.utf8chars {
    list-style-type: none;
    list-style-image: none;
    margin-left: 0;
    padding-left: 1em;
    text-indent: -1em;
}
ul.utf8chars li:before, /* Right Angle Quotation */
ul.utf8chars ul li:before,
ul ul.utf8chars li:before {
    font-size: 1.3em;
    line-height: 1.3em;
    vertical-align: baseline;
}

ul.utf8chars.raquo li:before, /* Right Angle Quotation */
ul.utf8chars.raquo ul li:before,
ul ul.utf8chars.raquo li:before {
    content: "\00BB \0020";
}

ul.utf8chars.rsaquo li:before, /* Right Single Angle Quotation */
ul.utf8chars.rsaquo ul li:before,
ul ul.utf8chars.rsaquo li:before {
    content: "\203A \0020";
}

ul.utf8chars.diamond li:before, /* Diamond */
ul.utf8chars.diamond ul li:before,
ul ul.utf8chars.diamond li:before {
    content: "\2662 \0020";
}

ul.utf8chars.checkmark li:before, /* Checkmark */
ul.utf8chars.checkmark ul li:before,
ul ul.utf8chars.checkmark li:before {
    content: "\2714 \0020";
}

ul.utf8chars.checkmark_after, /* Checkmark (angehängt) */
ul.utf8chars.checkmark_after ul,
ul ul.utf8chars.checkmark_after {
    padding-left: 0;
    text-indent: 0;
}
ul.utf8chars.checkmark_after li:after,
ul.utf8chars.checkmark_after ul li:after,
ul ul.utf8chars.checkmark_after li:after {
    content: "\0020 \2714";
}

ul.utf8chars.xmark li:before, /* X-Mark */
ul.utf8chars.xmark ul li:before,
ul ul.utf8chars.xmark li:before {
    content: "\2718 \0020";
}

ul.utf8chars.arrow li:before, /* Pfeil nach rechts */
ul.utf8chars.arrow ul li:before,
ul ul.utf8chars.arrow li:before {
    content: "\279c \0020";
}

ul.utf8chars.sitemap > li { /* Sitemap-Liste */
    padding: 4px 0px;
}
ul.utf8chars.sitemap li:before {
    content: "\25cf \0020";
    color: #888;
}
ul.utf8chars.sitemap ul li {

}
ul.utf8chars.sitemap ul li:before {
    content: "\279c \0020";
    color: #888;
}



/* Inhaltsbereich: Fließende unnummerierte Listen (mit UTF-8 Trenzeichen) */
ul.floated, /* Global */
ul.floated ul,
ul ul.floated {
    list-style-type: none;
    list-style-image: none;
    margin-left: 0;
    padding-left: 0;
    text-indent: 0;
    display: inline;
}
ul.floated li,
ul.floated ul li,
ul ul.floated li {
    display: inline;
}
ul.floated li:nth-of-type(1):before,
ul.floated ul li:nth-of-type(1):before,
ul ul.floated li:nth-of-type(1):before {
    content: none !important;
}

ul.floated.pipe li:before, /* Trennzeichen: Vertikale Linie */
ul.floated.pipe ul li:before,
ul ul.floated.pipe li:before {
    content: "\007C \0020";
}

ul.floated.slash li:before, /* Trennzeichen: Schrägstrich */
ul.floated.slash ul li:before {
    content: "/ \0020";
}

ul.floated.doubleslash li:before, /* Trennzeichen: Doppelter Schrägstrich */
ul.floated.doubleslash ul li:before {
    content: "// \0020";
}

ul.floated.comma li:before, /* Trennzeichen: Komma */
ul.floated.comma ul li:before {
    content: ", \0020";
}
ul.floated.comma li:after,
ul.floated.comma ul li:after {
    content: none;
}
ul.floated.comma li:last-child:after,
ul.floated.comma ul li:last-child:after {
    content: "\00A0";
}



/* Inhaltsbereich: Buchstabierte Liste für Glossar */
ul.glossar {
    display: block;
    margin-bottom: 5px;
}
ul.glossar {
    list-style-type: none;
    list-style-image: none;
    padding: 15px 0 0 0;
    margin: 0;
}
ul.glossar li {
    display: inline-block;
    min-width: 10px;
    padding: 8px 0;
    line-height: 14px;
    font-size: 13px;
    color: #fff;
    width: 30px;
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap;
    font-family: "Univers LT W01 65 Bold", arial, sans-serif;
    margin: 1px;
}
ul.glossar li {
    height: 30px;
    padding: 0;
}
ul.glossar li.haslink.inactive span {
    background-color: #eee;
    border: 1px solid #333;
    color: #333;
}
ul.glossar li.haslink.inactive span:hover,
ul.glossar li.haslink.inactive span:focus {
    background-color: #eee;
    cursor: default;
}
ul.glossar li.hasnolink {
    width: 15px;
}
ul.glossar li.hasnolink span,
ul.glossar li.hasnolink span:hover,
ul.glossar li.hasnolink span:focus {
    background: #eee;
    cursor: default;
    color: #333;
    width: 15px;
}
ul.glossar li a,
ul.glossar li span {
    line-height: 28px;
    border-radius: 15px;
    display: block;
}
ul.glossar li a {
    background-color: #004191;
}
ul.glossar li a:hover,
ul.glossar li a:focus {
    outline: none;
    background-color: #333;
}
ul.glossar li a:link,
ul.glossar li a:visited,
ul.glossar li a:active,
ul.glossar li a:focus {
    display: block;
    text-decoration: none;
    color: #fff;
}
.glossar-liste .row > .col-xs-12 > h2 {
    margin-top: 0;
}
.glossar-liste .row.filtermodul .col-xs-12 input,
.glossar-liste .row.filtermodul .col-xs-12 select,
.glossar-liste .row.filtermodul .col-xs-12 textarea {
    margin-bottom: 0;
}



/* Glossar-Filter */
/* (Gemeinsam mit SKI-Filter und allen anderen: Angleichen an Team-Filter?) */
/*
.filtermodul ul.glossar li.hasnolink {
	background-color: transparent;
	color: #004191;
}
.glossar-liste .filtermodul {
	padding-top: 15px;
	padding-bottom: 15px;
	margin-bottom: 20px;
	background-color: #eee;
}
.glossar-liste .filtermodul .filter-count {
	position: absolute;
	right: 15px;
	font-size: 14px;
	color: #aaa;
	margin-top: -1px;
}
.glossar-liste .item {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 2px solid #eee;
}
.glossar-liste > .row:last-child > .col-lg-12:last-child > .item-list:last-child > .item:last-child {
	border-width: 0;
	margin-bottom: 5px;
}
.glossar-liste .item dt {
	font-size: 20px;
}
*/



/* Filtermodul für alle Typen */
.row.filtermodultitel h1,
.row.filtermodultitel h2,
.row.filtermodultitel h3,
.row.filtermodultitel h4,
.row.filtermodultitel h5,
.row.filtermodultitel h6 {
    margin-bottom: 0;
    margin-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
}
.col-md-8 .row.filtermodultitel h1,
.col-md-8 .row.filtermodultitel h2,
.col-md-8 .row.filtermodultitel h3,
.col-md-8 .row.filtermodultitel h4,
.col-md-8 .row.filtermodultitel h5,
.col-md-8 .row.filtermodultitel h6 {
    padding-left: 0;
    padding-right: 0;
}
.row.filtermodultitel .trefferzahl {
    display: inline-block;
    float: right;
    font-size: 14px;
    font-family: "Univers LT W01 45 Light", arial, sans-serif;
    line-height: 16px;
    margin-top: 20px;
}
.row.filtermodul {
    padding: 12px;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 24px;
    background-color: #eee;
}
.col-md-8 .row.filtermodul {
    margin-left: 0;
    margin-right: 0;
}
.row.filtermodul .col-xs-12 {
    padding-left: 12px;
    padding-right: 12px;
}
.row.filtermodul .col-xs-12 input,
.row.filtermodul .col-xs-12 select,
.row.filtermodul .col-xs-12 textarea {
    width: 100%;
    margin-bottom: 15px;
    font-size: 14px;
}
.row.filtermodul .col-xs-12 label.upper-label {
    display: block;
    font-size: 14px;
}



/* Table: All TRs Position:Relative */
table tr {
    position: sticky;
    /* position should have been relative,
    but this doesn't work in firefox + safari.
    sticky is a workaround, that needs to be
    reviewed from time to time */
    perspective: unset;
    filter: unset;
}



/* Plain Table: Stile von Table-Condensed übertragen */
/* Alternative: Direkt im TinyMCE Klassen anhängen -> http://stackoverflow.com/a/29019991 */
table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 35px;
    border-collapse: separate;
    border-spacing: 2px 0;
    background-color: #fff;
}
table > thead > tr:nth-child(2n+1) td,
table > tbody > tr:nth-child(2n+1) td,
table > tfoot > tr:nth-child(2n+1) td {
    background-color: #eee;
}
table > thead > tr:nth-child(2n+2) td,
table > tbody > tr:nth-child(2n+2) td,
table > tfoot > tr:nth-child(2n+2) td {
    background-color: #fff;
}
table > thead > tr > th,
table > thead > tr > td,
table > tbody > tr > th,
table > tbody > tr > td,
table > tfoot > tr > th,
table > tfoot > tr > td {
    /*padding: 5px 10px;*/
}
table > thead > tr > th,
table > thead > tr > td,
table > tbody > tr > th,
table > tbody > tr > td,
table > tfoot > tr > th,
table > tfoot > tr > td {
    padding: 10px 15px;
    line-height: 1.428571429;
    vertical-align: top;
}
table > thead > tr > td,
table > tbody > tr > td,
table > tfoot > tr > td {
    font-family: "Univers LT W01 45 Light", arial, sans-serif;
    font-size: 16px;
    color: #333;
}
table > thead > tr > th,
table > tbody > tr > th,
table > tfoot > tr > th {
    font-family: "Univers LT W01 65 Bold", arial, sans-serif;
    font-weight: normal;
    font-size: 16px;
}
table > caption + thead > tr:first-child > th,
table > caption + thead > tr:first-child > td,
table > colgroup + thead > tr:first-child > th,
table > colgroup + thead > tr:first-child > td,
table > thead:first-child > tr:first-child > th,
table > thead:first-child > tr:first-child > td {
    border-top: 0;
}
table > thead > tr > th {
    vertical-align: bottom;
}
table > thead > tr > th,
table > tbody > tr > th,
table > tfoot > tr > th {
    font-weight: normal;
    background-color: #333;
    color: #fff;
}

/* Tabelle nur für Strukturierung (ohne Hintergrundfarben, Abstände, etc) */
/*table.structure-table {
	margin-bottom: 15px;
}
table.structure-table,
table.structure-table > tr:nth-child(2n) td,
table.structure-table > thead > tr:nth-child(2n) td,
table.structure-table > tbody > tr:nth-child(2n) td,
table.structure-table > tfoot > tr:nth-child(2n) td
table.structure-table > tr:nth-child(2n+1) td,
table.structure-table > thead > tr:nth-child(2n+1) td,
table.structure-table > tbody > tr:nth-child(2n+1) td,
table.structure-table > tfoot > tr:nth-child(2n+1) td,
table.structure-table > tr:nth-child(2n) th,
table.structure-table > thead > tr:nth-child(2n) th,
table.structure-table > tbody > tr:nth-child(2n) th,
table.structure-table > tfoot > tr:nth-child(2n) th
table.structure-table > tr:nth-child(2n+1) th,
table.structure-table > thead > tr:nth-child(2n+1) th,
table.structure-table > tbody > tr:nth-child(2n+1) th,
table.structure-table > tfoot > tr:nth-child(2n+1) th {
	background-color: transparent;
	color: #333;
}
table.structure-table > tr > td,
table.structure-table > thead > tr > td,
table.structure-table > tbody > tr > td,
table.structure-table > tfoot > tr > td,
table.structure-table > tr > th,
table.structure-table > thead > tr > th,
table.structure-table > tbody > tr > th,
table.structure-table > tfoot > tr > th {
	padding-left: 0;
	padding-bottom: 0;
}
table.structure-table > tr > td:nth-child(1),
table.structure-table > thead > tr > td:nth-child(1),
table.structure-table > tbody > tr > td:nth-child(1),
table.structure-table > tfoot > tr > td:nth-child(1),
table.structure-table > tr > th:nth-child(1),
table.structure-table > thead > tr > th:nth-child(1),
table.structure-table > tbody > tr > th:nth-child(1),
table.structure-table > tfoot > tr > th:nth-child(1) {
	position: relative;
	margin-left: -2px;
}*/

/* Key-Value-Tabelle */
table.structure-table,
table.structure-table table {
    border-collapse: initial;
    border-spacing: 0;
}
table.structure-table.separated > tbody > tr > td,
table.structure-table.separated th {
    border-bottom: 1px solid #eee;
}
table.structure-table > tbody > tr > td,
table.structure-table > tbody > tr:nth-child(2n+1) td,
table.structure-table tr td:first-child,
table.structure-table th {
    background-color: transparent;
    color: #333;
    padding: 10px 15px 10px 0;
}
table.structure-table table:first-child td:first-child,
table.structure-table table:first-child th:first-child {
    padding-top: 0;
}
table.structure-table th small {
    font-family: "Univers LT W01 45 Light", arial, sans-serif;
}

/* Flexblock mit Tabelemente - Abstände geringer */
.nav-tabs > li > a {
    padding: 20px;
}

/* Video-Typ: Abstand Überschrift */
.video_v3 .headline h3 {
    margin-top: 0;
}

/* Video-Typ: Responsive Wrapper */
.video-responsive {
    position: relative;
    padding-bottom: 56.25%;
    /* padding-top: 30px; */
    height: 0;
    overflow: hidden;
}
.video-responsive iframe,
.video-responsive object,
.video-responsive embed,
.video-responsive video,
.video-responsive .video-js {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.video-responsive video {
    background: #fff;
}

/* Video-Typ: Preview-Image */
.video-responsive .video-preview {
    padding-bottom: 56.25%;
    background-image: url("../img/png/video-default.png?__scale=w:650,h:400,c:transparent,t:3");
    background-size: cover;
    background-position: center center;
    cursor: pointer;
}
.video-responsive .video-preview:after {
    position: absolute;
    z-index: 1;
    width: 100px;
    height: 101px;
    background-image: url("../img/sprites/sprites-icons-sprite.svg");
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    content: '';
    display: block;
    box-sizing: inherit;
    background-position: -965px 0;
    background-size: 1450px 110px;
}

.video-responsive .video-duration {
    position: absolute;
    right: 15px;
    top: 15px;
    color: #FFF;
    background-color: #333;
    padding: 1px 6px;
    border-radius: 3px;
    display: none;
    pointer-events: none;
}

.video-download {
    position: absolute;
    right: 72px;
    top: 15px;
    color: #FFF;
    background-color: #333;
    padding: 1px 6px;
    border-radius: 3px;
    cursor: pointer;
}

/*** Links anpassen ***/
.linklist .linklist_standard li a:hover {
    text-decoration: underline;
}

/***Flex-Rows******/

.listenausgabe {
    background-color: #fff;
    border: 2px solid #eee;
    border-radius: 0;
    display: block;
    line-height: 1.42857;
    margin-bottom: 1em;
    padding: 5px;
    transition: border 0.2s ease-in-out 0s;
    font-size: 0.9em;
    position: relative;
}
.news-list .listenausgabe {
    padding: 15px;
}
.listenausgabe h6:first-child {
    margin-top: 0;
    margin-bottom: 0;
}
.listenausgabe hr {
    margin-top: 10px;
    margin-bottom: 10px;
}
.individualpicture {
    max-height: 180px;
    max-width: 140px;
}

@media (min-width: 1200px) {
    .listenausgabe {
        border: none;
        border: 2px solid #eee;
        margin-bottom: 0.5em;
    }

}


@media only screen and (min-width: 481px) {
    .flex-row.row {
        display: flex;
        flex-wrap: wrap;
    }
    .flex-row.row > [class*="col-"] {
        display: flex;
        flex-direction: column;
    }
    .flex-row.row::after, .flex-row.row::before {
        display: flex;
    }
}
.flex-row .listenausgabe,
.flex-row .thumbnail,
.flex-row .caption {
    display: flex;
    flex: 1 0 auto;
    flex-direction: column;
}
.flex-row .caption p.flex-text {
    flex-grow: 1;
}
.flex-row img {
    height: auto;
    width: 100%;
}
.table-row.row, .table-row-equal {
    display: table;
    table-layout: fixed;
    width: 100%;
    word-wrap: break-word;
}
.table-row.row [class*="col-"] {
    width: 25%;
}
.table-row.row [class*="col-"], .table-row-equal .listenausgabe {
    display: table-cell;
    float: none;
    vertical-align: top;
}
.table-row-equal {
    border-spacing: 30px 0;
}
.table-row-equal .listenausgabe {
    width: 1%;
}
@media only screen and (max-width: 480px) {
    .table-row-equal .listenausgabe {
        display: block;
        width: 100%;
    }
}
.masonary-row.row {
    -moz-column-fill: balance;
    -moz-column-gap: 30px;
    padding-left: 15px;
    padding-right: 15px;
    word-wrap: break-word;
}
.masonary-row [class*="col-"] {
    -moz-column-fill: balance;
    display: inline-block;
    float: none;
    height: 100%;
    padding: 0;
    width: 100%;
}
@media (min-width: 480px) {
    .masonary-row.row {
        -moz-column-count: 2;
    }
}
@media (min-width: 768px) {
    .masonary-row.row {
        -moz-column-count: 3;
    }
}
.bootflex .well {
    flex-grow: 1;
}
pre {
    display: flex;
    flex: 1 1 0;
}
.flex-row.flex-code.row > [class*="col-"] .flex-text {
    display: flex;
    flex-grow: 1;
}

.liste .kreisbild {
    display: inline-block;
    position: relative;
    border: 1px solid #eee;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    background: #eee;
    overflow: hidden;
    font: 0/0 serif;
    text-shadow: none;
    color: transparent;
    text-decoration: none;
    box-sizing: inherit;
    /* padding: 2%; */

}
/***Ende: Flex-Rows******/

/**** Besondere Links mit Symbolen auszeichnen ****/

/*** Externe Link auszeichnen ***/
/* Erst mal allen Links, die mit http:// und https:// beginnen ein Symbol anheften... */
#wrapper a:not([href*="uni-stuttgart.de"]):link::after,
#wrapper a:not([href*="uni-stuttgart.de"]):visited::after,
#wrapper a:not([href*="uni-stuttgart.de"]):active::after,
#wrapper .linklist a:not([href*="uni-stuttgart.de"]):link::after,
#wrapper .linklist a:not([href*="uni-stuttgart.de"]):visited::after,
#wrapper .linklist a:not([href*="uni-stuttgart.de"]):active::after,
#wrapper .linklist a:not([href*="uni-stuttgart.de"]):hover::after {
    content: url("../img/link-icons/ex-link-hover.png");
}

#wrapper a:not([href*="uni-stuttgart.de"]):hover::after {
    content: url("../img/link-icons/ex-link-hover.png");
}

#wrapper .linklist a.btn:not([href*="uni-stuttgart.de"]):link::after,
#wrapper .linklist a.btn:not([href*="uni-stuttgart.de"]):visited::after,
#wrapper .linklist a.btn:not([href*="uni-stuttgart.de"]):active::after,
#wrapper .linklist a.btn:not([href*="uni-stuttgart.de"]):hover::after,
#wrapper .btn a:not([href*="uni-stuttgart.de"]):link::after,
#wrapper .btn a:not([href*="uni-stuttgart.de"]):visited::after,
#wrapper .btn a:not([href*="uni-stuttgart.de"]):hover::after,
#wrapper .btn a:not([href*="uni-stuttgart.de"]):active::after,
#wrapper a.btn:not([href*="uni-stuttgart.de"]):link::after,
#wrapper a.btn:not([href*="uni-stuttgart.de"]):visited::after,
#wrapper a.btn:not([href*="uni-stuttgart.de"]):hover::after,
#wrapper a.btn:not([href*="uni-stuttgart.de"]):active::after {
    content: url("../img/link-icons/ex-link-white.png");
    /* content: url("../img/link-icons/ex-link-grey.png"); */
}

#wrapper div.iconbox > .well > p:first-child > a:not([href*="uni-stuttgart.de"]):link span::before,
#wrapper div.iconbox > .well > p:first-child > a:not([href*="uni-stuttgart.de"]):visited span::before,
#wrapper div.iconbox > .well > p:first-child > a:not([href*="uni-stuttgart.de"]):hover span::before,
#wrapper div.iconbox > .well > p:first-child > a:not([href*="uni-stuttgart.de"]):active span::before {
    /* icon unten rechts in die ecke setzen - hintergrundfarben beachten */
    /* auch bei logobox und premiumlinks */
    content: url("../img/link-icons/ex-link-white.png");
    position: absolute;
    z-index: 1;
    top: 76%;
    left: 50%;
    width: 19px;
    height: 14px;
    box-sizing: inherit;
    background-size: 19px 14px;
    background-position: 0 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
#wrapper div.iconbox > .well > p:first-child > a[href^="/"]:link span::before,
#wrapper div.iconbox > .well > p:first-child > a[href^="/"]:visited span::before,
#wrapper div.iconbox > .well > p:first-child > a[href^="/"]:hover span::before,
#wrapper div.iconbox > .well > p:first-child > a[href^="/"]:active span::before,
#wrapper div.iconbox > .well > p:first-child > a[href^="mailto"]:link span::before,
#wrapper div.iconbox > .well > p:first-child > a[href^="mailto"]:visited span::before,
#wrapper div.iconbox > .well > p:first-child > a[href^="mailto"]:hover span::before,
#wrapper div.iconbox > .well > p:first-child > a[href^="mailto"]:active span::before,
#wrapper div.iconbox > .well > p:first-child > a[href^="javascript"]:link span::before,
#wrapper div.iconbox > .well > p:first-child > a[href^="javascript"]:visited span::before,
#wrapper div.iconbox > .well > p:first-child > a[href^="javascript"]:hover span::before,
#wrapper div.iconbox > .well > p:first-child > a[href^="javascript"]:active span::before {
    content: "";
}

#wrapper .puma-bib ul.publication-menu li a::after,
#wrapper ul.publication-menu li a::after {
    content: '' !important;
}


/* ...und die dann wieder da entfernen, wo es nach dem http:// oder https:// mit der Adresse der eigenen Websites weitergeht */
#wrapper a[href^="/"]:link::after,
#wrapper a[href^="/"]:visited::after,
#wrapper a[href^="/"]:hover::after,
#wrapper a[href^="/"]:active::after {
    content: "" !important;
}
#wrapper .gsa-pagination a:link::after,
#wrapper .gsa-pagination a:visited::after,
#wrapper .gsa-pagination a:hover::after,
#wrapper .gsa-pagination a:active::after {
    content: "" !important;
}
#wrapper a[href^="#"]:link::after,
#wrapper a[href^="#"]:visited::after,
#wrapper a[href^="#"]:hover::after,
#wrapper a[href^="#"]:active::after,
#wrapper a[href^="javascript"]:link::after,
#wrapper a[href^="javascript"]:visited::after,
#wrapper a[href^="javascript"]:hover::after,
#wrapper a[href^="javascript"]:active::after,
#wrapper a[href^="mailto"]:link::after,
#wrapper a[href^="mailto"]:visited::after,
#wrapper a[href^="mailto"]:hover::after,
#wrapper a[href^="mailto"]:active::after,
#wrapper a[href^="tel"]:link::after,
#wrapper a[href^="tel"]:visited::after,
#wrapper a[href^="tel"]:hover::after,
#wrapper a[href^="tel"]:active::after,
#wrapper .newsstream .c-stream-teaser--socialmedia a:link::after,
#wrapper .newsstream .c-stream-teaser--socialmedia a:visited::after,
#wrapper .newsstream .c-stream-teaser--socialmedia a:hover::after,
#wrapper .newsstream .c-stream-teaser--socialmedia a:active::after,
#wrapper .iconbox a:link::after,
#wrapper .iconbox a:visited::after,
#wrapper .iconbox a:hover::after,
#wrapper .iconbox a:active::after,
#wrapper a.breadscroller__list-element:link::after,
#wrapper a.breadscroller__list-element:visited::after,
#wrapper a.breadscroller__list-element:hover::after,
#wrapper a.breadscroller__list-element:active::after,
#wrapper .lageplan .ol-attribution ul li a::after,
.linkgruppe [data-css="c-story-teaser"] a.story-teaser__link::after {
    content: "";
}

/*
#wrapper .introbox a:link::after,
#wrapper .introbox a:visited::after,
#wrapper .introbox a:hover::after,
#wrapper .introbox a:active::after {
	// icon schön platzieren
}
*/

/*** PDF-Symbol anhängen ***/
#wrapper a[href$='.pdf']:link::after,
#wrapper ul.linklist_standard li a[href$='.pdf']::after{
    content: url("../img/link-icons/pdf-hover.png");
}

/*** PDF-Symbol Hover anhängen ***/
#wrapper a[href$='.pdf']:hover::after
#wrapper ul.linklist_standard li a[href$='.pdf']:hover::after{
    content: url("../img/link-icons/pdf.png");
}

/*** DOC-Symbol anhängen ***/
#wrapper a[href$='.doc']:link::after,
#wrapper a[href$='.docx']:link::after{
    content: url("../img/link-icons/doc.png");
}

/*** DOC-Symbol anhängen ***/
#wrapper a[href$='.doc']:hover::after,
#wrapper a[href$='.docx']:hover::after{
    content: url("../img/link-icons/doc-hover.png");
}

/*** XLS-Symbol anhängen ***/
#wrapper a[href$='.xls']:link::after,
#wrapper a[href$='.xlsx']:link::after{
    content: url("../img/link-icons/xls.png");
}

/*** XLS-Symbol anhängen ***/
#wrapper a[href$='.xls']:hover::after,
#wrapper a[href$='.xlsx']:hover::after{
    content: url("../img/link-icons/xls-hover.png");
}

#wrapper .b-teaser a[href$='.pdf']:link::after,
#wrapper .b-teaser a[href$='.pdf']:hover::after,
#wrapper .b-teaser a[href$='.doc']:link::after,
#wrapper .b-teaser a[href$='.doc']:hover::after,
#wrapper .b-teaser a[href$='.docx']:link::after,
#wrapper .b-teaser a[href$='.docx']:hover::after,
#wrapper .b-teaser a[href$='.xls']:link::after,
#wrapper .b-teaser a[href$='.xlsx']:hover::after,
#wrapper .dateiliste .tiles a[href$='.pdf']:link::after,
#wrapper .dateiliste .tiles a[href$='.pdf']:hover::after,
#wrapper .dateiliste .tiles a[href$='.doc']:link::after,
#wrapper .dateiliste .tiles a[href$='.doc']:hover::after,
#wrapper .dateiliste .tiles a[href$='.docx']:link::after,
#wrapper .dateiliste .tiles a[href$='.docx']:hover::after,
#wrapper .dateiliste .tiles a[href$='.xls']:link::after,
#wrapper .dateiliste .tiles a[href$='.xlsx']:hover::after {
    content: "";
}

#wrapper .iconbox a:link::after,
#wrapper .iconbox a:visited::after,
#wrapper .iconbox a:hover::after,
#wrapper .iconbox a:active::after,
#wrapper .introbox a:link::after,
#wrapper .introbox a:visited::after,
#wrapper .introbox a:hover::after,
#wrapper .introbox a:active::after,
#wrapper .logobox a:link::after,
#wrapper .logobox a:visited::after,
#wrapper .logobox a:hover::after,
#wrapper .logobox a:active::after,
#wrapper .linklist a:link::after,
#wrapper .linklist a:visited::after,
#wrapper .linklist a:hover::after,
#wrapper .linklist a:active::after,
#wrapper a.linkbutton:link::after,
#wrapper a.linkbutton:visited::after,
#wrapper a.linkbutton:hover::after,
#wrapper a.linkbutton:active::after,
#wrapper a.intro-teaser__link:link::after,
#wrapper a.intro-teaser__link:visited::after,
#wrapper a.intro-teaser__link:hover::after,
#wrapper a.intro-teaser__link:active::after {
    content: none;
}
/*** Ende: Externe Link auszeichnen ***/



/* GSA */
.gsa-search {
    /* margin: 150px 0; */
    margin: 50px 0;
}
.gsa-search a {
    color: #00BEFF;
}
.gsa-search a:hover {
    color: #004191;
}
.gsa-search .gsa-input .btn {
    padding: 14px 35px;
}
.gsa-search .suchtipps {
    margin: 0;
    margin-top: -3px;
}
.gsa-search .suchtipps .panel {
    border: 0;
}
.gsa-search .suchtipps .panel .panel-heading {
    position: relative;
}
.gsa-search .suchtipps .panel,
.gsa-search .suchtipps .panel .panel-heading,
.gsa-search .suchtipps .panel .panel-heading .panel-title,
.gsa-search .suchtipps .panel .panel-heading .panel-title a {
    background-color: transparent;
}
.gsa-search .suchtipps .panel .panel-heading .panel-title {
    text-align: right;
    position: absolute;
    z-index: 499;
    right: 10px;
    top: 2px;
}
.gsa-search .suchtipps .panel .panel-heading .panel-title {
    padding: 0;
}
.gsa-search .suchtipps .panel .panel-heading .panel-title a {
    color: #00BEFF;
    padding: 8px;
}
.gsa-search .suchtipps .panel .panel-heading .panel-title a:hover,
.gsa-search .suchtipps .panel .panel-heading .panel-title a:hover {
    -webkit-transition: all .2s ease;
    transition:all .2s ease;
    background-color: transparent;
    color: #333;
}
.gsa-search .suchtipps .panel .panel-heading .panel-title a:after,
.gsa-search .suchtipps .panel .panel-heading .panel-title a:hover:after	{
    background-image: none;
    background-color: transparent;
}
.gsa-search .suchtipps .panel .panel-body {
    border: 0;
    padding: 50px 0 0 0;
}
.gsa-search .gsa-metas .well {
    padding: 8px 14px 6px 14px;
}
.gsa-search .gsa-metas .well p {
    margin-bottom: 0;
}
.gsa-search .gsa-metas .well p.small {
    padding-right: 80px;
}
.gsa-search .did-you-mean {
    margin-top: -15px;
    padding-left: 14px;
}
.gsa-search .keymatch.jumbotron {
    padding: 8px 14px;
    margin-top: 20px;
}
.gsa-search .keymatch.jumbotron a {
    color: #fff;
}
.gsa-search .keymatch.jumbotron a:hover {
    color: #333;
}
.gsa-search .keymatch.jumbotron p {
    padding: 0;
}
.gsa-search .keymatch.jumbotron .small {
    color: #004191;
}
.gsa-search .result-list {
    margin: 20px 0;
}
.gsa-search .result-item {
    margin: 20px 0;
}
.gsa-search .result-item p {
    line-height: 1.4;
}
.gsa-search .result-item .result-head .typetag {
    color: #ccc;
}
.gsa-search .result-item .result-head,
.gsa-search .result-item .result-snippet,
.gsa-search .result-item .result-metas {
    margin: 0;
}
.gsa-search .result-item .result-metas {
    color: #ccc;
}
.gsa-search nav {
    text-align: center;
}
.gsa-search nav .pagination-gap {
    border-color: transparent;
}
.gsa-search nav .pagination-gap:hover {
    background-color: #fff;
    cursor: default;
}
.gsa-search nav .pagination-gap:hover span {
    color: #333;
}



/*** Slider: Smartphone IMG Breite ******/
@media (max-width: 479px) {
    .slider__item picture img {
        width: 100%;
    }
}




/*** Prüfungsordnungen ***/
.pruefungsordnungen .potitle span.xs-icon {
    float: right;
    margin-top: 5px;
}
.pruefungsordnungen table span.xs-icon {
    margin-top: -5px;
    margin-right: 2px;
}

.pruefungsordnungen table > tbody > tr > td:nth-child(2),
.pruefungsordnungen table > tbody > tr > td:nth-child(3) {
    padding: 10px;
}
.pruefungsordnungen table .eingerueckt {
    padding-left: 14px;
}
.pruefungsordnungen a[href$='.pdf']:link::after,
.pruefungsordnungen a[href$='.pdf']:hover::after {
    content: none;
}




/*** Panel in Panel ***/
.panel-body .panel {
    margin-bottom: 20px;
    border-right: 2px solid transparent;
    border-left: 2px solid transparent;
    border-bottom: 2px solid transparent;
    background-color: #eee;
    border: none;
    border-radius: 0;
    box-shadow: none;
}
.panel-body .panel .panel-heading {
    border-bottom: 1px solid transparent;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}
.panel-body .panel .panel-heading .panel-title {
    margin: 0;
    font-size: 16px;
    color: inherit;
    font-family: "Univers LT W01 65 Bold", arial, sans-serif;
    padding: 20px;
    background-color: #333;
    color: #fff;
}
.panel-body .panel .panel-body {
    padding: 20px;
    background-color: transparent;
}
.panel-body .panel .panel-body:before {
    content: " ";
    display: table;
}
.panel-body .panel .panel-body:before {
    content: " ";
    display: table;
    clear: both;
}




/*** Studienverlaufsplandateien ***/
.studienverlaufsplandateien .image .caption {
    background-color: #fff;
}

/***Webformulare***/
.OpenCmsApolloWebform {
    background: #F0F0F0;
    color: #333;
    padding: 15px;
    margin-top:15px;
}

.OpenCmsApolloWebform label {
    width: 100%;
    color: #333;
    font-size: 1em;
    margin-left:-10px;
}

.OpenCmsApolloWebform label.checkbox {
    margin-left:20px;
    font-weight:normal;
}
.OpenCmsApolloWebform label.input {
    margin-left:0;
    font-weight:normal;
}
.OpenCmsApolloWebform input[type="text"], .OpenCmsApolloWebform select, .OpenCmsApolloWebform textarea, #form_captcha_id  {
    width: 100%;
    margin-left:0;
}
.OpenCmsApolloWebform textarea {margin-left:10px;}
.OpenCmsApolloWebform input[type="checkbox"], .OpenCmsApolloWebform input[type="radio"] {
    width: auto;
}
.OpenCmsApolloWebform input.submitbutton, .OpenCmsApolloWebform input.resetbutton {
    margin-left:0;
    width: 100%;
}
.OpenCmsApolloWebform input.resetbutton {
    background:white;
    border: 1px solid #333;
}
.OpenCmsApolloWebform input.resetbutton:hover {
    background:black;
    color:white;
    border: 1px solid #333;
}
.OpenCmsApolloWebform .note {
    margin-bottom: 15px;
}
.OpenCmsApolloWebform form {
    margin-bottom: 15px;
}






/*** Eigene neue Webformulare ***/
.webform-outer-wrapper form .row {
    display: flex;
    flex-wrap: wrap;
}
.webform-outer-wrapper form .row .col-xs-12,
.webform-outer-wrapper form .row .col-md-6 {
    display: flex;
    flex-direction: column;
}
.webform-outer-wrapper form .form-control {
    margin: 2px 0;
    height: auto;
}
.webform-outer-wrapper form label {
    padding: 14px 0;
    margin-top: 2px;
    margin-bottom: 2px;
}
@media (max-width: 991px) {
    .webform-outer-wrapper form label {
        padding-bottom: 0;
    }
}
.webform-outer-wrapper form [data-type="checkbox"] label,
.webform-outer-wrapper form [data-type="radio"] label,
.webform-outer-wrapper form [data-type="textarea"] label,
.webform-outer-wrapper form [data-type="file-upload"] label {
    padding: 0;
}
.webform-outer-wrapper form [data-type="file-upload"] label,
.webform-outer-wrapper form [data-type="file-upload"] input {
    margin: 2px 0;
}
.webform-outer-wrapper form [data-type="file-upload"] {
    margin: 7.5px -15px;
}
.webform-outer-wrapper form [data-type="checkbox"] label,
.webform-outer-wrapper form [data-type="radio"] label,
.webform-outer-wrapper form [data-type="textarea"] label {
    position: relative;
    top: inherit;
    transform: inherit;
}
.webform-outer-wrapper form [data-type="checkbox"],
.webform-outer-wrapper form [data-type="radio"],
.webform-outer-wrapper form [data-type="textarea"] {
    margin-bottom: 15px;
}
.webform-outer-wrapper form [data-type="checkbox"] .form-check input,
.webform-outer-wrapper form [data-type="radio"] .form-check input {
    float: left;
    margin-top: 2px;
}
.webform-outer-wrapper form [data-type="checkbox"] .form-check label,
.webform-outer-wrapper form [data-type="radio"] .form-check label {
    display: block;
    margin-left: 20px;
    font-size: 14px;
}
.webform-outer-wrapper form [data-type="checkbox"] .multi-field-wrapper,
.webform-outer-wrapper form [data-type="radio"] .multi-field-wrapper {
    border: 1px solid #ddd;
    padding: 14px 12px;
    background-color: #fff;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.webform-outer-wrapper form [data-type="hidden-display"] {
    height: 0;
}
.webform-outer-wrapper .webform_button input.btn {
    margin: 0 4px 4px 0;
}

div.webform-element > div > div > input[name="Input-Field-4711"], label[for="Input-Field-4711"] {
    display: none;
}



/*****Tabellen mit viel Inhalt -> Schriftgröße verringern ***/
div.table_klein .table > thead > tr > th,
div.table_klein .table > tbody > tr > th,
div.table_klein .table > tfoot > tr > th {
    font-size: 13px;
}
div.table_klein p {
    font-size: 13px;
}
div.table_klein ul,
div.table_klein ol {
    font-size: 13px;
}
div.table_klein .tab-content > .tab-pane,
div.table_klein .panel-body,
div.table_klein .table > thead > tr > td,
div.table_klein .table > tbody > tr > td,
div.table_klein .table > tfoot > tr > td {
    font-size: 13px;
}

/* divs statt table Schrift verkleinern */
.table-ersatz {
    border: 1px solid #333;
    padding: 10px;
}
.table-ersatz-title {
    color: #004191;
    font-size:1.2em;
}


/* Schrift vergroessern für Mobile im Uebersichtselement */
@media (max-width: 768px) {
    .c-area-teaser--generic .area-teaser__heading {
        font-size: 1.6rem; }
}

/* Abstand Pfeilsymbol fest einstellen für Tablet/Mobile im Uebersichtselement */
@media (max-width: 992px) {
    .c-area-teaser--generic .area-teaser__heading-wrapper {
        padding-left: 70px;
    }
}

/* Footerlinks gesamte Breite verringern damit Linktexte nicht ueberlagert werden für Mobile */
@media (max-width: 427px) {
    .c-linklist--footer-service-links .linklist__list {
        max-width: 280px; }
}







/*** Print-CSS ***/
@media print {
    .b-page-header {
        position: relative !important;
    }
    body:not(.search-is-open):not(.shrinked) #wrapper.is-subidentity .r-main .main__wrapper {
        padding-top: 100px;
    }
    body:not(.shrinked) .b-page-header.is-subidentity > .container {
        min-height: 100px;
    }
    .b-page-header.is-subidentity .header-box {
        padding-top: 26px;
    }
    body:not(.shrinked) .b-page-header.is-subidentity .b-logo {
        -webkit-transform: translateY(22px) scale(1);
        transform: translateY(22px) scale(1);
        -ms-transform: translateY(22px) scale(1);
    }
    .container {
        width: auto;
        padding-left: 0;
        padding-right: 0;
    }
    .container-inner {
        max-width: none;
    }
    .r-main .main__wrapper {
        padding-top: 0 !important;
        width: auto;
    }
    .r-page-footer {
        display: none !important;
    }
    .flexblocks .panel-group .panel-collapse {
        display: block;
        visibility: visible;
    }
    a[href]:after,
    abbr[title]:after {
        content:"" !important;
    }
    header .language,
    .header-box,
    .slider__actions,
    [data-js-module~="slider"] .slider__pagination,
    footer .col-md-12.b-social-media,
    #backto,
    .b-page-nav,
    .skip,
    .ski-detail .element-toolbar {
        display: none !important;
    }
    .c-slider--default {
        margin-top: 20px;
    }
    .slider__list-wrapper,
    .slider__list {
        width: 100%;
    }
    .slider__item {
        display: block;
        opacity: 1;
        visibility: visible;
        width: 100%;
    }
    .c-intro-teaser--news-slider .intro-teaser__news-wrapper,
    .c-intro-teaser--news-slider .intro-teaser__news-content-wrapper {
        position: relative;
        top: 0;
        transform: inherit;
        padding: 0;
    }
    .c-intro-teaser--news-slider .intro-teaser__news-content-wrapper {
        left: 0;
    }
    .c-intro-teaser--news-slider .intro-teaser__news-wrapper {
        width: 50%;
        width: 100%;
        right: 0;
        padding: 20px;
        background: #eee !important;
        border-radius: 0;
        margin-top: -1px;
    }
    .c-intro-teaser--news-slider .intro-teaser__news-subline {
        margin-top: 10px;
    }
    .c-intro-teaser--news-slider .intro-teaser__news-content-wrapper::after {
        display: none;
    }
    .btn,
    .c-stream-teaser--portrait,
    .c-stream-teaser--event,
    .c-stream-teaser--socialmedia {
        border: 1px solid #333;
    }
    .video-responsive .video-preview {
        background: #eee !important;
    }
    .video-responsive .video-preview:after {
        content: 'Video';
        text-align: center;
        height: auto;
    }
    .c-story-teaser--top-left,
    .c-story-teaser--top-right {
        width: 50%;
    }
    .c-story-teaser--top-left .story-teaser__figure,
    .c-story-teaser--top-right .story-teaser__figure {
        padding: 0;
    }
    .c-story-teaser--top-left .story-teaser__content,
    .c-story-teaser--bottom-right .story-teaser__content {
        top: 330px;
        right: inherit;
        left: 0;
        height: 50px;
    }
    [data-css="c-story-teaser"] .story-teaser__headline {
        top: 0;
        left: 0;
        -webkit-transform: inherit;
        transform: inherit;
        -ms-transform: inherit;
        width: 100%;
        height: auto;
    }
    * {
        -webkit-transition: none !important;
        transition: none !important;
    }
    @page {
        size: 315mm 445mm;
        margin: 2.0cm
    }
    .panel-group {
        border: 2px solid #eee;
    }
    .panel-body {
        border: 0;
    }
    .panel-group > .panel > .panel-heading > .panel-title,
    .panel-group > .panel > .panel-heading > .panel-title a {
        background-color: #eee !important;
    }
    .panel-group > .panel > .panel-heading > .panel-title:nth-child(1) {
        margin-top: 2px;
    }
    [data-css="c-box"] .box__placeholder {
        background-color: #ddd !important;
    }
    .panel-collapse {
        display: block;
        visibility: visible;
    }

    .b-page-nav .backto::before, .b-page-header .header-box .mainidentity a:after, .b-breadscroller--default .breadscroller__controls-btn span::after, .b-breadscroller--default .breadscroller__controls-btn.is-back span::after, .caret::before, .dropup .btn:hover .caret::before, .dropdown .btn:hover .caret::before, .dropdown.open .caret::before, .b-breadcrumb .breadcrumb-navigation.btn-right span, .b-breadscroller--default .breadscroller__controls-btn.is-forward span::after, .pager .previous > a::after, .pager .previous > span::after, .pagination > li:first-child > a::before, .pagination > li:first-child > span::before, .pager .previous > a:hover::after, .pager .previous > span:hover::after, .pagination > li:first-child > a:hover::before, .pagination > li:first-child > span:hover::before, .c-cta--slider.is-previous::after, a.list-group-item:before, .pager .next > a::after, .pager .next > span::after, .pagination > li:last-child > a::before, .pagination > li:last-child > span::before, .c-area-teaser--generic .area-teaser__wrapper:hover::after, .c-intro-teaser--reasons .intro-teaser__reasons:before, .c-intro-teaser--reasons .intro-teaser__reasons .intro-teaser__reasons-number:before, a.list-group-item:hover:before, a.list-group-item:hover:active:before, a.list-group-item.active:before, .pager .next > a:hover::after, .pager .next > span:hover::after, .pagination > li:last-child > a:hover::before, .pagination > li:last-child > span:hover::before, .c-cta--slider.is-next::after, .c-area-teaser--generic .area-teaser__wrapper::after, .b-page-nav .menu li.has-menu a::after, .panel-group .panel.panel-default .panel-title > a::after, .panel-group .panel.panel-default .panel-title > a.collapsed::after, .panel-group .panel.panel-primary .panel-title > a::after, .panel-group .panel.panel-primary .panel-title > a.collapsed::after, .panel-group .panel.panel-primary:nth-child(2n+1) .panel-title > a::after, .panel-group .panel.panel-primary:nth-child(2n+1) .panel-title > a.collapsed::after, .panel-group .panel.panel-default .panel-title > a:hover::after, .panel-group .panel.panel-default .panel-title > a.collapsed:hover::after, .panel-group .panel.panel-primary .panel-title > a:hover::after, .panel-group .panel.panel-primary .panel-title > a.collapsed:hover::after, .b-page-nav .persona li a.persona-4:after, .b-page-nav .persona li a.persona-4:hover:after, .b-page-nav .persona li a.persona-4:focus:after, .b-page-nav .persona li a.persona-3:after, .b-page-nav .persona li a.persona-3:hover:after, .b-page-nav .persona li a.persona-3:focus:after, .b-page-nav .persona li a.persona-2:after, .b-page-nav .persona li a.persona-2:hover:after, .b-page-nav .persona li a.persona-2:focus:after, .b-page-nav .persona li a.persona-5:after, .b-page-nav .persona li a.persona-5:hover:after, .b-page-nav .persona li a.persona-5:focus:after, .b-page-nav .persona li a.persona-1:after, .b-page-nav .persona li a.persona-1:hover:after, .b-page-nav .persona li a.persona-1:focus:after, .b-breadcrumb .breadcrumb-list li:first-child strong::before, .b-breadcrumb .breadcrumb-list li:first-child a::before, .b-breadscroller--default .breadscroller__list-item:first-child .breadscroller__list-element::before, .c-linklist--footer-socials .linklist__entry .linklist__link.is-facebook:after, .c-linklist--footer-socials .linklist__entry .linklist__link.is-google:after, .c-linklist--footer-socials .linklist__entry .linklist__link.is-twitter:after, .c-linklist--footer-socials .linklist__entry .linklist__link.is-usus:hover:after, .c-linklist--footer-socials .linklist__entry .linklist__link.is-usus:focus:after, .c-linklist--footer-socials .linklist__entry .linklist__link.is-individual:hover:after, .c-linklist--footer-socials .linklist__entry .linklist__link.is-individual:focus:after, .c-linklist--footer-socials .linklist__entry .linklist__link.is-usus:after, .c-linklist--footer-socials .linklist__entry .linklist__link.is-individual:after, .c-linklist--footer-socials .linklist__entry .linklist__link.is-youtube:after, .is-fon::before, .is-mail::before, .is-profile::before, .is-info::before, .is-fon-w::before, .is-mail-w::before, .is-info-w::before, .is-location::after, .is-location-text::after, .is-location-text::before, .c-cta--teaser-group span::before, .c-cta--teaser-group:hover span::before, .c-cta--teaser-group:focus span::before, [data-js-module~="slider"] .slider__playpause.is-active::after, [data-js-module~="slider"] .slider__playpause.isnt-active::after, .no-touchevents .c-intro-teaser--reasons .intro-teaser__reasons:hover::before, .no-touchevents .c-intro-teaser--reasons.is-modified .intro-teaser__reasons:hover::before, .c-intro-teaser--reasons.is-modified .intro-teaser__reasons::before, .c-intro-teaser--reasons.is-modified .intro-teaser__reasons .intro-teaser__reasons-number::before, .c-intro-teaser--news-slider .intro-teaser__news-content-wrapper::after, .c-stream-teaser--video .stream-teaser__header::after, .b-page-header .nav-button .lines-button::before, .b-page-header .nav-button .lines-button.js-active::before, body:not(.nav-is-open) .b-page-header .header-box .search button::before, body.nav-is-open .b-page-header .header-box .search button::before, body:not(.nav-is-open) .b-page-header .header-box .search button.js-active::before, body.nav-is-open .b-page-header .header-box .search button.js-active::before, [data-css="b-scroll-to-top"] .scroll-to-top__link::after {
        background: url("/system/modules/de.stuttgart.uni.v3.basics/resources/img/sprites/sprites-icons-sprite.svg") !important;
        background-image: url("/system/modules/de.stuttgart.uni.v3.basics/resources/img/sprites/sprites-icons-sprite.svg") !important;
        background-repeat: no-repeat !important;
        background-size: 1450px 110px !important;
    }
    .is-profile {
        position: relative;
        padding-left: 33px;
    }
    .is-profile::before {
        content: '';
        display: block;
        position: absolute;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 20px;
        height: 15px;
        background-position: -845px -30px !important;
        left: 0;
    }
    .is-fon::before {
        background-position: -690px 0 !important;
    }
    .is-mail::before {
        background-position: -845px 0 !important;
    }
    .is-info::before {
        background-position: -770px 0 !important;
    }
    .is-fon-w::before {
        background-position: -720px 0 !important;
    }
    .is-mail-w::before {
        background-position: -870px 0 !important;
    }
    .is-info-w::before {
        background-position: -795px 0 !important;
    }
    .is-location::after {
        background-position: -820px 0 !important;
    }
    .is-location-text::after {
        background-position: -820px 0 !important;
    }
    .is-location-text::before {
        background-position: -225px 0 !important;
    }
    [data-css="c-stream-teaser"] .stream-teaser__headline {
        font-size: 18px;
    }
    table, tr, th, td {
        border: 1px solid #eee;
        background-color: transparent;
    }
    [data-css="c-intro-teaser"] .intro-teaser__wrapper {
        height: auto;
        border: 2px solid #eee;
    }
    .segment.is-bg-blue > .container > .container-inner > .row {
        margin-left: 0;
        margin-right: 0;
    }
    .main__wrapper > .is-border-top:nth-child(1) {
        border-top: none;
    }
}

/* 2020-06-29, RR verschoben aus newsstream-folgeseite.jsp */
.bm-detail {
    display: none;
}
.bm-detail.bm-active {
    display: block;
    position: absolute;
    z-index: 99;
    left: 0;
    width: 100%;
    /*outline: 24px solid #fafafa;*/
}
.bm-detail > .bm-detail-container {
    margin: 0 15px;
    padding: 15px 15px 0 15px;
    background-color: #00beff;
    color: #333;
}
.bm-detail .bm-close {
    display: none;
    position: absolute;
    top: 15px;
    right: 15px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: none;
    background-color: #fff;
    padding: 0;
    margin: 0 15px 0 0;
}
.bm-detail .bm-close::after {
    content: "X";
    width: 30px;
    line-height: 30px;
    text-align: center;
    display: inline-block;
    color: #333;
}
.bm-detail.bm-active .bm-close {
    display: inline-block;
}
.bm-detail.bm-active h4 {
    margin-top: 0;
    padding-right: 30px;
}
.bm-detail.bm-active .metainfo {
    display: inline-block;
    margin-bottom: 1em;
}
.bm-detail.bm-active .metainfo p {
    margin-bottom: 0;
}
.bm-detail.bm-active .metainfo .status .status-value {
    background-color: #333;
    color: #fff;
    border-radius: 3px;
    margin-right: 8px;
    padding: 2px 6px;
}
.bm-detail.bm-active .metainfo .status .status-value.scheduled,
.bm-detail.bm-active .metainfo .status .status-value.canceled {
    background-color: orange;
}
.bm-detail.bm-active .metainfo .status .status-value.inprogress {
    background-color: red;
}
.bm-detail.bm-active .metainfo .status .status-value.solved,
.bm-detail.bm-active .metainfo .status .status-value.closed {
    background-color: green;
}
.bm-item article {
    position: inherit;
}
.bm-data-fancybox {
    position: relative;
}
.bm-item.bm-status-value-scheduled article::after,
.bm-item.bm-status-value-canceled article::after,
.bm-item.bm-status-value-inprogress article::after,
.bm-item.bm-status-value-solved article::after,
.bm-item.bm-status-value-closed article::after,
.bm-data-fancybox.bm-status-value-scheduled::after,
.bm-data-fancybox.bm-status-value-canceled::after,
.bm-data-fancybox.bm-status-value-inprogress::after,
.bm-data-fancybox.bm-status-value-solved::after,
.bm-data-fancybox.bm-status-value-closed::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    border-width: 0 30px 30px 0;
    border-style: solid;
    border-color: transparent #ddd;
}
.bm-data-fancybox.bm-status-value-scheduled::after,
.bm-data-fancybox.bm-status-value-canceled::after,
.bm-data-fancybox.bm-status-value-inprogress::after,
.bm-data-fancybox.bm-status-value-solved::after,
.bm-data-fancybox.bm-status-value-closed::after {
    right: unset;
    left: 0;
    border-width: 0 0 30px 30px;
}
.bm-item.bm-status-value-scheduled article::after,
.bm-item.bm-status-value-canceled article::after,
.bm-data-fancybox.bm-status-value-scheduled::after,
.bm-data-fancybox.bm-status-value-canceled::after {
    border-color: transparent orange;
}
.bm-item.bm-status-value-inprogress article::after,
.bm-data-fancybox.bm-status-value-inprogress::after {
    border-color: transparent red;
}
.bm-item.bm-status-value-solved article::after,
.bm-item.bm-status-value-closed article::after,
.bm-data-fancybox.bm-status-value-solved::after,
.bm-data-fancybox.bm-status-value-closed::after {
    border-color: transparent green;
}
.bm-detail.bm-active .beschreibung pre {
    display: block;
    white-space: -moz-pre-wrap;
    white-space: -o-pre-wrap;
    white-space: pre-wrap;
    word-wrap: break-word;
    word-break: break-word;
    font-family: "Univers LT W01 45 Light", arial, sans-serif;
    padding: 0;
    margin: 0;
    background-color: transparent;
    border: none;
    font-size: 16px;
    color: #333;
    margin-bottom: 1em;
    padding-left: 15px;
    padding-right: 15px;
    border-left: 4px solid #333;
    max-height: 300px;
}
.bm-click-to-copy {
    display: none;
}
.bm-click-to-copy {
    display: block;
    position: relative;
    padding-bottom: 15px;
}
.bm-click-to-copy input {
    cursor: pointer;
    width: 100%;
    border: none;
    padding: 0 4px;
    color: #333;
}
.bm-click-to-copy input:hover {
    color: #00beff;
}
.bm-click-to-copy input:focus {
    color: #333;
}
.bm-click-to-copy label,
.bm-click-to-copy label:hover {
    color: #333;
}
.bm-click-to-copy.copied::after {
    position: absolute;
    content: "Link kopiert";
    color: #fff;
    font-size: 14px;
    text-align: center;
    padding: 2px 8px;
    bottom: 4px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    display: inline-block;
    background-color: rgba(0,0,0,0.72);
    -webkit-animation: fadeinout 0.3s linear forwards, floatup 0.3s linear forwards;
    animation: fadeinout 0.3s linear forwards, floatup 0.3s linear forwards;
}
@-webkit-keyframes fadeinout {
    0%,100% { opacity: 0; }
    50% { opacity: 1; }
}
@keyframes fadeinout {
    0%,100% { opacity: 0; }
    50% { opacity: 1; }
}
@keyframes floatup {
    0% {
        bottom: 4px;
    }
    100% {
        bottom: 24px;
    }
}



/* IE fix: Wenn Univers-Webfont nicht geladen wird, dann dafür sorgen, dass im Fallback-Font die Bold-Texte auch wirklich fett sind */
/* ... leider in dieser Form untauglich, weil in Firefox die Fett-Texte dann superfett werden. In Chrome und IE dagegen keine Seiteneffekte. */
/*
.alert strong,
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th, 
[data-css="c-box"] .box__headline                                          { font-weight: 700; }
.badge                                                                     { font-weight: 700; }
.btn                                                                       { font-weight: 700; }
.form-control::-moz-placeholder,
.form-control:-ms-input-placeholder,
.form-control::-webkit-input-placeholder                                   { font-weight: 700; }
.list-group-item                                                           { font-weight: 700; }
.nav-tabs > li > a                                                         { font-weight: 700; }
.pager li > a,
.pager li > span                                                           { font-weight: 700; }
.pagination > li > a,
.pagination > li > span                                                    { font-weight: 700; }
.panel-title                                                               { font-weight: 700; }
strong                                                                     { font-weight: 700; }
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6                                               { font-weight: 700; }
.lead                                                                      { font-weight: 700; }
dt                                                                         { font-weight: 700; }
blockquote p                                                               { font-weight: 700; }
.stream-teaser__component-headline                                         { font-weight: 700; }
[data-css="c-box"] .box__location .location-text                           { font-weight: 700; }
.c-cta--teaser-group span                                                  { font-weight: 700; }
[data-css="c-intro-teaser"] .intro-teaser__headline                        { font-weight: 700; }
.c-intro-teaser--reasons .intro-teaser__reasons                            { font-weight: 700; }
.c-intro-teaser--events .intro-teaser__event-box .intro-teaser__event-date { font-weight: 700; }
.c-intro-teaser--news-slider .intro-teaser__news-headline                  { font-weight: 700; }
[data-css="c-story-teaser"] .story-teaser__headline                        { font-weight: 700; }
[data-css="c-stream-teaser"] .stream-teaser__headline                      { font-weight: 700; }
.c-stream-teaser--event .stream-teaser__date                               { font-weight: 700; }
.b-breadcrumb .breadcrumb-list a,
.b-breadcrumb .breadcrumb-list strong                                      { font-weight: 700; }
.b-breadscroller--default .breadscroller__list-element                     { font-weight: 700; }
.b-page-header .header-box .language a                                     { font-weight: 700; }
.b-page-nav .menu li a.active                                              { font-weight: 700; }
.ski-list #ski-filter .form-group select option:checked                    { font-weight: 700; }
.studiengangssuche .form-group label                                       { font-weight: 700; }
.studiengangssuche .form-group select                                      { font-weight: 700; }
.gsa-search .result-list b                                                 { font-weight: 700; }
.linklist .linklist_standard li                                            { font-weight: 700; }
.linklist .desc                                        { font-weight: 400; }
.event-single .stream-teaser__date                                         { font-weight: 700; }
ul.glossar li,
ul.glossar ul li                                                           { font-weight: 700; }
table > thead > tr > th,
table > tbody > tr > th,
table > tfoot > tr > th                                                    { font-weight: 700; }
.panel-body .panel .panel-heading .panel-title                             { font-weight: 700; }
*/