@import url("tik-1-variables.css");
@import url("tik-2-globals.css");
@import url("tik-3-sharing.css");
@import url("tik-4-footer.css");



/* 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;
}






/*** 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;
    }
}





/* Reverse Order (Kontaktbox, Intro) */
.reverse-order {
    display: flex;
    flex-direction: column-reverse;
}






/* 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: var(--us-white);
    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;
}

.nav-empty-note {
	color: var(--us-white);
	font-size: 20px;
}

/*** 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: var(--us-font-light);
}

/*** 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;
}

/*** Navigation: Weitere Personas ***/
.b-page-nav .persona li a:after {
    background-image: var(--us-img-iconsprite);
    background-size: var(--us-img-iconsprite-size);
}

/**** Infopoint (Studieninteressierte) ****/
.b-page-nav .persona li a.persona-6:after {
    width: 10px;
    height: 11px;
    background-position: -802px -26px;
    transform: scale(2.5);
    top: 30px;
}

.b-page-nav .persona li a.persona-6:hover:after, .b-page-nav .persona li a.persona-6:focus:after {
    background-position: -802px -4.8px;
}

/**** Netzwerk (Alumni und Förder*innen) ****/
.b-page-nav .persona li a.persona-7:after {
    width: 30px;
    height: 31px;
    background-position: -742px -61px;
}

.b-page-nav .persona li a.persona-7:hover:after, .b-page-nav .persona li a.persona-7:focus:after {
    width: 30px;
    height: 31px;
    background-position: -772px -61px;
}

/**** Reagenzglas (Forschende) ****/
.b-page-nav .persona li a.persona-8:after {
    width: 30px;
    height: 31px;
    background-position: -617px -61px;
}

.b-page-nav .persona li a.persona-8:hover:after, .b-page-nav .persona li a.persona-8:focus:after {
    width: 30px;
    height: 31px;
    background-position: -650.5px -61px;
}

/**** Person liest Buch (Studierende) ****/
.b-page-nav .persona li a.persona-9:after {
    width: 30px;
    height: 31px;
    background-position: -272px -30.5px;
}

.b-page-nav .persona li a.persona-9:hover:after, .b-page-nav .persona li a.persona-9:focus:after {
    width: 30px;
    height: 31px;
    background-position: -303px -30.5px;
}


/* 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;
}


/* UniMaps */
.unimaps {
	width: 100%;
	height: 650px;
	border: none;
}


/* 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: var(--us-lightgrey);
    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: var(--us-lightgrey);
    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: var(--us-white);
    color: var(--us-grey);
}
.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: var(--us-grey);
    color: var(--us-white);
}
.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: var(--us-white);
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap;
    background-color: var(--us-blue);
    border-radius: 16px;
    font-family: var(--us-font-bold);
    padding: 0 8px 0 8px;
    line-height: 28px;
    border-color: transparent;
    width: 32px;
    height: 32px;
}
.faqsallopenclose button:hover {
    outline: none;
    background-color: var(--us-grey);
}








/* 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;
}






/* Intro-Element: Copyright in Fullwidth-Darstellung an passsende Stelle schieben */
.c-intro-teaser--default > p.intro-copyright-sep {
    position: absolute;
    top: 5px;
    right: 10px;
    font-size: 14px;
    padding-top: 0;
}
.intro-teaser__content p.intro-copyright-sep:last-child {
    margin-bottom: -30px;
    font-size: 14px;
}







/* 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: var(--us-grey);
}
.ski-list .filtermodul {
    padding-left: 12px;
    padding-right: 12px;
    margin-bottom: 30px;
    background: var(--us-lightgrey);
}
.ski-list h1 span.trefferzahl {
    display: inline-block;
    float: right;
    font-size: 14px;
    font-family: var(--us-font-light);
    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: var(--us-font-bold);
    color: var(--us-blue);
}
.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: var(--us-font-bold);
}
.studiengangssuche .form-group select {
    float: right;
    font-size: 16px;
    font-family: var(--us-font-bold);
    color: var(--us-blue);
}
.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: var(--us-white);
    height: 100%;
    margin: 0;
    padding: 10px 15px 15px 15px;
}
.generic-list-item article > a,
.generic-list-item article > .pseudo-a {
    background-color: var(--us-lightgrey);
    color: var(--us-grey);
    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: var(--us-lightblue);
    text-decoration: none;
    padding: 10px 15px 35px 15px;
}
.generic-list-item article > a:hover {
    background-color: var(--us-lightblue);
}
.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: var(--us-grey);
    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: var(--us-grey);
}





/*** 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: var(--us-font-bold);
    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: var(--us-font-bold);
    }
    .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;
    hyphens: auto;
}
.c-intro-teaser--news-slider .intro-teaser__news-wrapper:hover .intro-teaser__news-content-wrapper {
    color: var(--us-white);
    -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-Slider: Flache Variante ***/
.c-slider--flat {
    margin-bottom: 0;
}
.c-slider--flat .slider__actions .c-cta--slider.is-previous {
    --clip: inset(0px 0 0 35px);
    -webkit-clip-path: var(--clip);
    clip-path: var(--clip);
}
.c-slider--flat .slider__actions .c-cta--slider.is-next {
    /*right: calc((100% / 9) * 3 - 35px);*/
    --clip: inset(0px 35px 0 0);
    -webkit-clip-path: var(--clip);
    clip-path: var(--clip);
}
[data-js-module~="slider"].c-slider--flat .slider__playpause.is-active::after, [data-js-module~="slider"] .slider__playpause.isnt-active::after {
    top: -3px;
}
.c-slider--flat .c-intro-teaser--news-slider .intro-teaser__news-wrapper {
    background-color: var(--us-blue);
    border-radius: 0;
    top: 0;
    right: 0;
    width: calc((100% / 9) * 3);
    height: 100%;
}
.c-slider--flat .c-intro-teaser--news-slider .intro-teaser__news-wrapper:hover {
    background-color: #323232;
}
.c-slider--flat .c-intro-teaser--news-slider .intro-teaser__news-content-wrapper {
    color: var(--us-white);
    padding: 15% 20% 15% 10%;
}
.c-slider--flat .c-intro-teaser--news-slider .intro-teaser__news-content-wrapper::after {
    display: none;
}

@media (min-width: 992px) {
    [data-js-module~="slider"].c-slider--flat {
        background-color: #323232;
    }
    [data-js-module~="slider"].c-slider--flat .slider__actions {
        width: calc((100% / 9) * 6);
    }
    .slider_v3 .c-slider--flat figure img {
        /* Slider-Bild hat b*h-Verhältnis 16:9; das Breite-Höhen-Verhältnis des gesamten Sliders ist 16:6 */
        height: calc((100% / 16) * 6); /*Desktop: 438.75px*/
        width: calc((100% / 9) * 6);
    }
    [data-js-module~="slider"].c-slider--flat .slider__pagination {
        /*left: calc((50% / 9) * 6);*/
    }
}

@media (max-width: 991px) {
    .c-slider--flat .c-intro-teaser--news-slider .intro-teaser__news-wrapper {
        position: relative;
        display: block;
        margin-top: -1px;
        width: 100%;
        height: 130px;
        left: 0;
        padding: 30px;
        border-radius: 0;
    }
    .c-slider--flat .c-intro-teaser--news-slider .intro-teaser__news-content-wrapper {
        padding: 0;
    }
    .c-slider--flat .c-intro-teaser--news-slider .intro-teaser__news-headline {
        font-family: var(--us-font-bold);
        font-size: 1.8rem;
        line-height: 25px;
        text-align: left;
    }
    .c-slider--flat .c-intro-teaser--news-slider .intro-teaser__news-content-wrapper::after {
        display: none;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    [data-js-module~="slider"].c-slider--flat .slider__pagination {
        bottom: 170px;
    }
}
@media (max-width: 767px) {

}




/* 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: var(--us-font-bold);
    font-weight: normal;
}




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

/*** Nach Umbau: Area Teaser Column Breiten 100% ***/
.c-area-teaser--generic,
.c-area-teaser--image {
    width: 100%;
}

/*** 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%, var(--us-blue) 100%);
    background: linear-gradient(45deg, #0059a6 0%, var(--us-blue) 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, h1, h2, h3, h4, h5, h6, h7, label, li, dt, dd {
    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: var(--us-img-iconsprite);
    background-image: var(--us-img-iconsprite);
    background-repeat: no-repeat;
    background-size: var(--us-img-iconsprite-size);
}
.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: var(--us-grey);
}





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





/*** Kontaktbox: Location-Icon ausblenden, wenn bild hochgeladen ***/
.is-location.has-image::after {
    background-image: none;
}





/*** 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 -24px 0;
    color: var(--us-grey);
    line-height: 1em;
}





/*** 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: var(--us-white);
    display: block;
    -webkit-transition: background-color ease 300ms;
    transition: background-color ease 300ms;
}
.c-stream-teaser--socialmedia .stream-teaser__nolink:hover {
    background-color: var(--us-white);
}





/*** 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: var(--us-grey);
    border-color: var(--us-white);
}
.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: var(--us-white);
}
.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: var(--us-black);
    border-color: var(--us-white);
}
.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: var(--us-white);
}
.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: var(--us-black);
    border-color: var(--us-white);
}
.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: var(--us-white);
}





/*** 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: var(--us-grey);
}





/*** Employee-Box ***/
.box-wrap {
    padding: 20px;
    border: 1px solid var(--us-grey);
    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: var(--us-grey) !important;
    text-decoration: underline !important;
}
.employee-text a:hover {
    text-decoration: none !important;
}
.employee-text .employee-link {
    padding-left: 26px;
    color: var(--us-grey) !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: var(--us-grey);
    line-height: 20px;
    text-align: center;
    font-weight: bold;
    color: var(--us-lightgrey);
}
.employee-text .employee-link:hover {
    text-decoration: none !important;
}
.employee-text .employee-link:hover:before {
    background-color: var(--us-lightgrey);
    color: var(--us-grey);
}
.employee-text .employee-link .employee-arrow {
    display: none;
}




/*** Button Fine Line ***/
.btn-tik {
    color: var(--us-grey);
    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: var(--us-white);
    background-color: var(--us-grey);
}
.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: var(--us-lightblue);
    background-color: var(--us-grey);
}
.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: var(--us-white);
    background-color: transparent;
    border-color: var(--us-white);border-radius:0;
}
.btn.btn-outline { border: 1px solid var(--us-white);}
.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: var(--us-white);
    background-color: var(--us-grey);
    border: 1px solid var(--us-grey);
}
.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: var(--us-lightblue);
    background-color: var(--us-grey);
}
.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: var(--us-lightblue); /* Old browsers */
    background: -webkit-linear-gradient(45deg,#004092 0,#00bafb 100%);
    background: linear-gradient(45deg,#004092 0,#00bafb 100%);
    color: var(--us-white);
    margin-bottom: 30px;
    padding: 35px 30px 10px;
}
.verlauf h1, .verlauf h2 {color: var(--us-white);}




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





/*** Template: Light-Farbvariante ***/
body.t30-light a,
body.t30-light p a {
    color: var(--us-grey);
}
body.t30-light .b-page-header .header-box .mainidentity {
    background-color: var(--us-white);
    border-bottom: 1px solid var(--us-grey);
}
body.t30-light .b-page-header .header-box .mainidentity a {
    color: var(--us-black);
}
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: var(--us-grey);
}
body.t30-light [data-css="b-scroll-to-top"]:hover::before {
    background-color: var(--us-blue);
}
body.t30-light table a,
body.t30-light ul a,
body.t30-light ol a,
body.t30-light p a {
    color: var(--us-grey);
    text-decoration: underline;
}
body.t30-light a.btn-inverted {
    color: var(--us-white);
}
body.t30-light table a:hover,
body.t30-light ul a:hover,
body.t30-light ol a:hover,
body.t30-light p a:hover,
body.t30-light .panel-title > a {
    text-decoration: none;
}
body.t30-light [data-css="c-story-teaser"] ul a {
    text-decoration: none;
}
body.t30-light [data-css="c-story-teaser"] ul a:hover {
    text-decoration: underline;
}
body.t30-light .nav-tabs > li.active a{
    text-decoration: none;
}
body.t30-light .faqsallopenclose button.badge {
    background-color: var(--us-grey);
}
body.t30-light .faqsallopenclose button.badge:hover {
    background-color: #666;
}
body.t30-light .btn-default {
    color: var(--us-white);
    background-color: var(--us-grey);
    text-decoration: none;
}
body.t30-light .btn-default:hover {
    background-color: var(--us-blue);
}
body.t30-light .flexblocks .btn.btn-default.linkbutton {
    display: table;
    margin-left: auto;
    margin-right: auto;
}
body.t30-light .segment.segment--grey {
    padding: 0px;
}
@media screen and (min-width: 1200px) {
    body.t30-light .b-page-header,
    body.t30-light .r-main,
    body.t30-light .r-page-footer {
        background: var(--us-white);
    }
}
@media screen and (max-width: 767px) {
    body.t30-light .b-page-header .header-box {
        background-color: var(--us-white);
        border-bottom: 1px solid var(--us-grey);
    }
    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: var(--us-grey);
    }
    body.t30-light .b-page-header .header-box .language a {
        color: var(--us-blue);
    }
}






/*** Subidentity ***/
.b-logo .subidentity {
    color: var(--us-grey);
    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: var(--us-white);
}
.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: var(--us-blue);
    text-decoration: underline;
}
.b-page-header .header-box .language a:hover {
    text-decoration: none;
}
.b-page-header .header-box .language strong {
    color: var(--us-grey);
}
.b-page-header .header-box .language .language-box {
    cursor: default;
}
@media (max-width: 767px) {
    .b-page-header .header-box .language a {
        color: var(--us-white);
    }
    .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: var(--us-white);
    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: var(--us-lightgrey);
    border-color: var(--us-lightgrey);
    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: var(--us-lightgrey);
    border: 1px solid var(--us-grey);
    cursor: pointer;
}
#a11y-menu-title:hover,
#a11y-menu-nav:hover #a11y-menu-title,
.language-box:hover #language-menu-title {
    background-color: var(--us-white);
}
.b-page-header .header-box .language a {
    color: var(--us-grey);
}
#language-menu-options li.current-language strong {
    color: #ccc;
}
#language-menu-options li.current-language:hover {
    border-color: var(--us-lightgrey);
    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: var(--us-img-iconsprite-size);
    background-image: var(--us-img-iconsprite);
    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;
    z-index: 1;
}
@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: var(--us-white);
    }
}
.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: var(--us-grey);
}

/*** 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: var(--us-lightgrey);
}
.is-bg-blue.intro-white,
.is-bg-blue.intro-white [data-css="c-intro-teaser"] .intro-teaser__wrapper {
    background-color: var(--us-white);
}
.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: var(--us-grey);
    -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: var(--us-white);
}
.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: var(--us-grey);
}
.c-intro-teaser--reasons.is-modified .intro-teaser__reasons.intro-teaser-reasons-no-link:hover {
    background-color: var(--us-grey);
}
.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: var(--us-white);
}

/*** 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: var(--us-grey);
}

/*** 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: var(--us-lightgrey);
    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: var(--us-lightblue);
    color: #262626;
    text-shadow: none;
    text-align: left;
}
.flexblocks .carousel.captionbox-lightgrey .carousel-caption {
    background: var(--us-lightgrey);
    color: var(--us-grey);
}
.flexblocks .carousel .carousel-caption p {
    margin-bottom: 0;
    font-size: 12px;
}
.flexblocks .carousel .carousel-caption a {
    color: var(--us-black);
}
.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: var(--us-img-iconsprite);
    background-size: var(--us-img-iconsprite-size);
    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;
    margin-bottom: 15px;
}
@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: var(--us-font-light);
    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: var(--us-lightblue);
    background: none;
}
.col-sm-4.col-md-3 .flexblocks .btn.btn-default.linkbutton:hover {
    color: var(--us-blue);
    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: var(--us-grey);
    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: var(--us-img-iconbox);
    background-size: var(--us-img-iconbox-size);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.iconbox a {
    display: block;
}
.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: var(--us-lightgrey);
    border: 2px solid var(--us-lightgrey);
    color: var(--us-grey);
}
.iconbox a:hover .well,
.iconbox a:focus .well {
    background-color: var(--us-lightblue);
    border-color: var(--us-grey);
}
.iconbox a:hover .well.bg_lightgrey,
.iconbox a:focus .well.bg_lightgrey {
    background-color: var(--us-lightgrey);
    border-color: var(--us-blue);
}
.iconbox .well.bg_lightblue {
    background-color: var(--us-lightblue);
    border-color: var(--us-lightblue);
    color: #262626;
}
.iconbox a:hover .well.bg_lightblue,
.iconbox a:focus .well.bg_lightblue {
    background-color: var(--us-lightblue);
    border-color: var(--us-grey);
}
.iconbox .well.bg_white {
    background-color: var(--us-white);
    border-color: var(--us-lightgrey);
}
.iconbox a:hover .well.bg_white,
.iconbox a:focus .well.bg_white {
    background-color: var(--us-white);
    border-color: var(--us-blue);
}
.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 var(--us-grey);
    border-radius: 50%;
    width: 50px;
    height: 50px;
    background: var(--us-grey);
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    font-family: 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: var(--us-img-iconbox);
    background-size: var(--us-img-iconbox-size);
    -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: var(--us-black);
    border-color: var(--us-black);
}
.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: var(--us-img-iconbox-dark);
    background-size: var(--us-img-iconbox-size);
    -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: var(--us-img-iconbox-dark);
}
.xs-icon-white:after,
.xs-inline-icon-white:before {
    background-image: var(--us-img-iconbox);
}
.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.webex:after,         .xs-icon-white.webex:after,         .xs-inline-icon.webex:before,         .xs-inline-icon-white.webex:before         { background-position: -494px -26px; }
.xs-icon.researchgate:after,  .xs-icon-white.researchgate:after,  .xs-inline-icon.researchgate:before,  .xs-inline-icon-white.researchgate:before  { background-position: 0 -52px; }
.xs-icon.orcid:after,         .xs-icon-white.orcid:after,         .xs-inline-icon.orcid:before,         .xs-inline-icon-white.orcid:before         { background-position: -26px -52px; }
.xs-icon.googlescholar:after, .xs-icon-white.googlescholar:after, .xs-inline-icon.googlescholar:before, .xs-inline-icon-white.googlescholar:before { background-position: -104px -52px; }
.xs-icon.googlesites:after,   .xs-icon-white.googlesites:after,   .xs-inline-icon.googlesites:before,   .xs-inline-icon-white.googlesites:before   { background-position: -78px -52px; }
.xs-icon.openaccess:after,    .xs-icon-white.openaccess:after,    .xs-inline-icon.openaccess:before,    .xs-inline-icon-white.openaccess:before    { background-position: -52px -52px; }
.xs-icon.github:after,        .xs-icon-white.github:after,        .xs-inline-icon.github:before,        .xs-inline-icon-white.github:before        { background-position: -130px -52px; }
.xs-icon.bluesky:after,       .xs-icon-white.bluesky:after,       .xs-inline-icon.bluesky:before,       .xs-inline-icon-white.bluesky:before       { background-position: -157px -52px; }

.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: var(--us-grey);
    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: var(--us-blue);
}
.xxs-icon-circled:after {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    width: 24px;
    height: 24px;
    box-sizing: inherit;
    content: "";
    background-image: var(--us-img-iconbox);
    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: var(--us-grey);
    color: var(--us-white);
}



/*** 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 var(--us-lightgrey);
    border-radius: 50%;
    width: 150px;
    height: 150px;
    background: var(--us-lightgrey);
    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 var(--us-lightgrey);
}
.logobox.white a.logobox-innerwrap:hover,
.logobox.white a.logobox-innerwrap:focus {
    border-color: var(--us-blue);
}

.logobox.lightgrey .logobox-innerwrap {
    background: var(--us-lightgrey);
    border: 2px solid var(--us-lightgrey);
}
.logobox.lightgrey a.logobox-innerwrap:hover,
.logobox.lightgrey a.logobox-innerwrap:focus {
    border-color: var(--us-blue);
}
.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-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: var(--us-font-bold);
    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: var(--us-img-iconsprite-size);
    background-image: var(--us-img-iconsprite);
    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: var(--us-font-light);
}



/*** 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: var(--us-white);
    font-size: 36px;
    font-family: var(--us-font-bold);
    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: var(--us-grey);
}
.event-single .is-inverted .stream-teaser__date {
    color: var(--us-grey);
}
.event-single .stream-teaser__date::after {
    content: '';
    display: block;
    position: absolute;
    width: 140px;
    height: 140px;
    border-radius: 50%;
    border: 2px solid var(--us-white);
    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: var(--us-lightgrey);
}
.news [data-css="c-stream-teaser"] .stream-teaser__link:hover,
.event [data-css="c-stream-teaser"] .stream-teaser__link:hover {
    background-color: var(--us-lightblue);
}
.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: var(--us-lightgrey);
    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: var(--us-white);
    width: 30px;
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap;
    font-family: var(--us-font-bold);
    margin: 1px;
}
ul.glossar li {
    height: 30px;
    padding: 0;
}
ul.glossar li.haslink.inactive span {
    background-color: var(--us-lightgrey);
    border: 1px solid var(--us-grey);
    color: var(--us-grey);
}
ul.glossar li.haslink.inactive span:hover,
ul.glossar li.haslink.inactive span:focus {
    background-color: var(--us-lightgrey);
    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: var(--us-lightgrey);
    cursor: default;
    color: var(--us-grey);
    width: 15px;
}
ul.glossar li a,
ul.glossar li span {
    line-height: 28px;
    border-radius: 15px;
    display: block;
}
ul.glossar li a {
    background-color: var(--us-blue);
}
ul.glossar li a:hover,
ul.glossar li a:focus {
    outline: none;
    background-color: var(--us-grey);
}
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: var(--us-white);
}
.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: var(--us-blue);
}
.glossar-liste .filtermodul {
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 20px;
    background-color: var(--us-lightgrey);
}
.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 var(--us-lightgrey);
}
.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;
}
*/



/* Glossar-Liste: Mindesthöhe an Containern entfernen, damit bei Filterung keine Abstände bleiben */
.glossar-liste .col-xs-12 {
    min-height: unset;
}



/* 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: var(--us-font-light);
    line-height: 16px;
    margin-top: 20px;
}
.row.filtermodul {
    padding: 12px;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 24px;
    background-color: var(--us-lightgrey);
}
.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: var(--us-white);
}
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: var(--us-lightgrey);
}
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: var(--us-white);
}
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: var(--us-font-light);
    font-size: 16px;
    color: var(--us-grey);
}
table > thead > tr > th,
table > tbody > tr > th,
table > tfoot > tr > th {
    font-family: var(--us-font-bold);
    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: var(--us-grey);
    color: var(--us-white);
}

/* 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: var(--us-grey);
}
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 var(--us-lightgrey);
}
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: var(--us-grey);
    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: var(--us-font-light);
}

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

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

/* Video */
.video-responsive {
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin-bottom: 60px;
	position: relative;
	container-type: inline-size;
}

.video-player {
	height: 100%;
	position: relative;
	width: 100%;
	cursor: pointer;
}

.video-poster {
	background-image: url("../img/png/video-default.png?__scale=w:650,h:400,c:transparent,t:3");
	background-position: center center;
	background-size: cover;
	cursor: pointer;
	display: block;
	height: 100%;
	position: relative;
	width: 100%;
}

.video-button {
	background-image: var(--us-img-iconsprite);
	background-position: -965px 0;
	background-size: var(--us-img-iconsprite-size);
	height: 101px;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100px;
	z-index: 1;
}

.video-duration {
	background-color: var(--us-grey);
	border-radius: 3px;
	color: var(--us-white);
	display: none;
	left: 50%;
	padding: 1px 6px;
	pointer-events: none;
	position: absolute;
	top: 15px;
	transform: translateX(calc(-100% - 10px));
}

.video-buttons {
	display: flex;
	gap: 10px;
}

.video-footer {
	bottom: -60px;
	display: flex;
	gap: 10px;
	position: absolute;
}

.video-footer-noButtons {
	bottom: -30px;
}

.video-footer-button {
	align-items: center;
	background-color: #E9E9EC;
	border: 0;
	border-radius: 15px;
	color: #333;
	display: flex;
	font-size: 14px;
	gap: 8px;
	justify-content: center;
	margin: 10px 0;
	padding: 10px 12px;
	text-decoration: none !important;
}

.video-footer-button-transcription {
	padding: 10px 4px 10px 12px;
}


.video-footer-button:hover {
	background-color: #D9D9DC;
	color: #333;
}

.video-copyright {
	font-size: 15px;
	display: flex;
	align-items: center;
}

.video-button-img {
	height: 14px;
}

:is(.col-md-12, .col-xs-12) .video :is(.headline, .video-copyright, .video-buttons) {
	padding-left: 15px;
	padding-right: 15px;
}

@media (max-width: 1200px) {
	.video_v3 .row {
		margin-left: 0;
		margin-right: 0;
	}

	:is(.col-md-12, .col-xs-12) .video :is(.video-copyright, .video-buttons) {
		padding-left: 0;
		padding-right: 0;
	}
}

@container (max-width: 340px) {
	.video-responsive .video-button {
		transform: translate(-50%, -50%) scale(0.6);
	}

	.video-footer {
		flex-direction: column;
		gap: 0px;
		bottom: -58px;
	}

	.video-footer-noButtons {
		bottom: -22px;
	}

	.video-footer .video-copyright {
		font-size: 13px;
	}

	.video-buttons {
		gap: 4px;
	}

	.video-responsive {
		margin-bottom: 70px;
	}

	.video-footer .video-footer-button {
		margin: 5px 0;
		padding: 5px 12px 5px 12px;
		border-radius: 10px;
	}

	.video-footer .video-footer-button-transcription {
		padding: 5px 4px 5px 12px;
	}
}

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

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

.listenausgabe {
    background-color: var(--us-white);
    border: 2px solid var(--us-lightgrey);
    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 var(--us-lightgrey);
        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 var(--us-lightgrey);
    border-radius: 50%;
    width: 60px;
    height: 60px;
    background: var(--us-lightgrey);
    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 .video-responsive .two-click-info a:not([href*="uni-stuttgart.de"]):link::after,
#wrapper .video-responsive .two-click-info a:not([href*="uni-stuttgart.de"]):visited::after,
#wrapper .video-responsive .two-click-info a:not([href*="uni-stuttgart.de"]):active::after,
#wrapper .video-responsive .two-click-info a: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,
#wrapper .c-slider--flat .intro-teaser__wrapper .intro-teaser__news-wrapper a:not([href*="uni-stuttgart.de"]):link .intro-teaser__linkwrap::after,
#wrapper .c-slider--flat .intro-teaser__wrapper .intro-teaser__news-wrapper a:not([href*="uni-stuttgart.de"]):visited .intro-teaser__linkwrap::after,
#wrapper .c-slider--flat .intro-teaser__wrapper .intro-teaser__news-wrapper a:not([href*="uni-stuttgart.de"]):hover .intro-teaser__linkwrap::after,
#wrapper .c-slider--flat .intro-teaser__wrapper .intro-teaser__news-wrapper a:not([href*="uni-stuttgart.de"]):active .intro-teaser__linkwrap::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-publikationsliste 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,
.linkgruppe [data-css="c-story-teaser"] a.story-teaser__link::after,
#wrapper a[data-protected="true"]:link::after,
#wrapper a[data-protected="true"]:visited::after,
#wrapper a[data-protected="true"]:hover::after,
#wrapper a[data-protected="true"]:active::after,
#wrapper .c-slider--flat .intro-teaser__wrapper .c-figure--simple a:link::after,
#wrapper .c-slider--flat .intro-teaser__wrapper .c-figure--simple a:visited::after,
#wrapper .c-slider--flat .intro-teaser__wrapper .c-figure--simple a:hover::after,
#wrapper .c-slider--flat .intro-teaser__wrapper .c-figure--simple a:active::after {
    content: "";
}

/* Linkgruppe: Icon an Unterzeile statt an Block-Link anhängen (sonst Zeilenumbruch) */
#wrapper .linkgruppe .st_extended.col-sm-6.col-md-3 [data-css="c-story-teaser"] a.story-teaser__link:link::after,
#wrapper .linkgruppe .st_extended.col-sm-6.col-md-3 [data-css="c-story-teaser"] a.story-teaser__link:visited::after,
#wrapper .linkgruppe .st_extended.col-sm-6.col-md-3 [data-css="c-story-teaser"] a.story-teaser__link:hover::after,
#wrapper .linkgruppe .st_extended.col-sm-6.col-md-3 [data-css="c-story-teaser"] a.story-teaser__link:active::after {
    content: "" !important;
}
#wrapper .linkgruppe .st_extended.col-sm-6.col-md-3 [data-css="c-story-teaser"] a.story-teaser__link:not([href*="uni-stuttgart.de"]):link .story-teaser__content p::after,
#wrapper .linkgruppe .st_extended.col-sm-6.col-md-3 [data-css="c-story-teaser"] a.story-teaser__link:not([href*="uni-stuttgart.de"]):visited .story-teaser__content p::after,
#wrapper .linkgruppe .st_extended.col-sm-6.col-md-3 [data-css="c-story-teaser"] a.story-teaser__link:not([href*="uni-stuttgart.de"]):active .story-teaser__content p::after,
#wrapper .linkgruppe .st_extended.col-sm-6.col-md-3 [data-css="c-story-teaser"] a.story-teaser__link:not([href*="uni-stuttgart.de"]):hover .story-teaser__content p::after {
    content: url("../img/link-icons/ex-link-hover.png");
}

/*
#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: var(--us-lightblue);
}
.gsa-search a:hover {
    color: var(--us-blue);
}
.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: var(--us-lightblue);
    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: var(--us-grey);
}
.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: var(--us-white);
}
.gsa-search .keymatch.jumbotron a:hover {
    color: var(--us-grey);
}
.gsa-search .keymatch.jumbotron p {
    padding: 0;
}
.gsa-search .keymatch.jumbotron .small {
    color: var(--us-blue);
}
.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: var(--us-white);
    cursor: default;
}
.gsa-search nav .pagination-gap:hover span {
    color: var(--us-grey);
}



/*** 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: var(--us-lightgrey);
    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: var(--us-font-bold);
    padding: 20px;
    background-color: var(--us-grey);
    color: var(--us-white);
}
.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: var(--us-white);
}

/***Webformulare***/
.OpenCmsApolloWebform {
    background: #F0F0F0;
    color: var(--us-grey);
    padding: 15px;
    margin-top:15px;
}

.OpenCmsApolloWebform label {
    width: 100%;
    color: var(--us-grey);
    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 var(--us-grey);
}
.OpenCmsApolloWebform input.resetbutton:hover {
    background:black;
    color:white;
    border: 1px solid var(--us-grey);
}
.OpenCmsApolloWebform .note {
    margin-bottom: 15px;
}
.OpenCmsApolloWebform form {
    margin-bottom: 15px;
}



/*** Fotostrecke: Vertikales Flattern für 2n (even) ***/
@media (min-width: 769px) {
    .fotostrecke.offset2n .fotostrecke-inner .fotostrecke-single {
        margin-bottom: 4px;
    }

    .fotostrecke.offset2n.rstandard .fotostrecke-inner .fotostrecke-single {
        max-height: 244px;
    }
    .fotostrecke.offset2n.r4_3 .fotostrecke-inner .fotostrecke-single {
        max-height: 183px;
    }
    .fotostrecke.offset2n.r16_9 .fotostrecke-inner .fotostrecke-single {
        max-height: 139px;
    }
    .fotostrecke.offset2n.r3_4 .fotostrecke-inner .fotostrecke-single {
        max-height: 326px;
    }
    .fotostrecke.offset2n.r9_16 .fotostrecke-inner .fotostrecke-single {
        max-height: 435px;
    }

    .fotostrecke.offset2n.rstandard .fotostrecke-inner .fotostrecke-single:last-of-type {
        margin-bottom: 122px;
    }
    .fotostrecke.offset2n.r4_3 .fotostrecke-inner .fotostrecke-single:last-of-type {
        margin-bottom: 93px;
    }
    .fotostrecke.offset2n.r16_9 .fotostrecke-inner .fotostrecke-single:last-of-type {
        margin-bottom: 69px;
    }
    .fotostrecke.offset2n.r3_4 .fotostrecke-inner .fotostrecke-single:last-of-type {
        margin-bottom: 163px;
    }
    .fotostrecke.offset2n.r9_16 .fotostrecke-inner .fotostrecke-single:last-of-type {
        margin-bottom: 217px;
    }
}
@media (min-width: 992px) { /* Im Editiermodus verhält sich die Zählung anders, daher muss für die Spalten unterschieden werden */
    body:not(.is-editmode) .fotostrecke.offset2n.rstandard .fotostrecke-inner .fotostrecke-single:nth-of-type(2n) a,
    body.is-editmode .fotostrecke.offset2n.rstandard .fotostrecke-inner .fotostrecke-single:nth-of-type(2n+1) a {
        margin-top: 120px;
    }
    body:not(.is-editmode) .fotostrecke.offset2n.r4_3 .fotostrecke-inner .fotostrecke-single:nth-of-type(2n) a,
    body.is-editmode .fotostrecke.offset2n.r4_3 .fotostrecke-inner .fotostrecke-single:nth-of-type(2n+1) a {
        margin-top: 90px;
    }
    body:not(.is-editmode) .fotostrecke.offset2n.r16_9 .fotostrecke-inner .fotostrecke-single:nth-of-type(2n) a,
    body.is-editmode .fotostrecke.offset2n.r16_9 .fotostrecke-inner .fotostrecke-single:nth-of-type(2n+1) a {
        margin-top: 67px;
    }
    body:not(.is-editmode) .fotostrecke.offset2n.r3_4 .fotostrecke-inner .fotostrecke-single:nth-of-type(2n) a,
    body.is-editmode .fotostrecke.offset2n.r3_4 .fotostrecke-inner .fotostrecke-single:nth-of-type(2n+1) a {
        margin-top: 160px;
    }
    body:not(.is-editmode) .fotostrecke.offset2n.r9_16 .fotostrecke-inner .fotostrecke-single:nth-of-type(2n) a,
    body.is-editmode .fotostrecke.offset2n.r9_16 .fotostrecke-inner .fotostrecke-single:nth-of-type(2n+1) a {
        margin-top: 215px;
    }

}
@media (min-width: 769px) and (max-width: 991px) {
    body:not(.is-editmode) .fotostrecke.offset2n.rstandard .fotostrecke-inner .fotostrecke-single:nth-of-type(3n-1) a,
    body.is-editmode .fotostrecke.offset2n.rstandard .fotostrecke-inner .fotostrecke-single:nth-of-type(3n) a {
        margin-top: 120px;
    }
    body:not(.is-editmode) .fotostrecke.offset2n.r4_3 .fotostrecke-inner .fotostrecke-single:nth-of-type(3n-1) a,
    body.is-editmode .fotostrecke.offset2n.r4_3 .fotostrecke-inner .fotostrecke-single:nth-of-type(3n) a {
        margin-top: 90px;
    }
    body:not(.is-editmode) .fotostrecke.offset2n.r16_9 .fotostrecke-inner .fotostrecke-single:nth-of-type(3n-1) a,
    body.is-editmode .fotostrecke.offset2n.r16_9 .fotostrecke-inner .fotostrecke-single:nth-of-type(3n) a {
        margin-top: 67px;
    }
    body:not(.is-editmode) .fotostrecke.offset2n.r3_4 .fotostrecke-inner .fotostrecke-single:nth-of-type(3n-1) a,
    body.is-editmode .fotostrecke.offset2n.r3_4 .fotostrecke-inner .fotostrecke-single:nth-of-type(3n) a {
        margin-top: 160px;
    }
    body:not(.is-editmode) .fotostrecke.offset2n.r9_16 .fotostrecke-inner .fotostrecke-single:nth-of-type(3n-1) a,
    body.is-editmode .fotostrecke.offset2n.r9_16 .fotostrecke-inner .fotostrecke-single:nth-of-type(3n) a {
        margin-top: 215px;
    }
}

/*Ausnahmen, wenn nur 2 Kacheln in letzter Zeile */
body:not(.is-editmode) .fotostrecke.offset2n.rstandard .fotostrecke-inner > .fotostrecke-single:nth-of-type(4n+2):last-of-type a,
body.is-editmode .fotostrecke.offset2n.rstandard .fotostrecke-inner > .fotostrecke-single:nth-of-type(4n+3):last-of-type a,
body:not(.is-editmode) .fotostrecke.offset2n.r4_3 .fotostrecke-inner > .fotostrecke-single:nth-of-type(4n+2):last-of-type a,
body.is-editmode .fotostrecke.offset2n.r4_3 .fotostrecke-inner > .fotostrecke-single:nth-of-type(4n+3):last-of-type a,
body:not(.is-editmode) .fotostrecke.offset2n.r16_9 .fotostrecke-inner > .fotostrecke-single:nth-of-type(4n+2):last-of-type a,
body.is-editmode .fotostrecke.offset2n.r16_9 .fotostrecke-inner > .fotostrecke-single:nth-of-type(4n+3):last-of-type a, 
body:not(.is-editmode) .fotostrecke.offset2n.r3_4 .fotostrecke-inner > .fotostrecke-single:nth-of-type(4n+2):last-of-type a,
body.is-editmode .fotostrecke.offset2n.r3_4 .fotostrecke-inner > .fotostrecke-single:nth-of-type(4n+3):last-of-type a,
body:not(.is-editmode) .fotostrecke.offset2n.r9_16 .fotostrecke-inner > .fotostrecke-single:nth-of-type(4n+2):last-of-type a,
body.is-editmode .fotostrecke.offset2n.r9_16 .fotostrecke-inner > .fotostrecke-single:nth-of-type(4n+3):last-of-type a {
  left: 247px;
  margin-top: 2px;
  margin-bottom: -50%; /* Hierfür ggf. auch andere Regel möglich - wenn das wegbliebe, würde Abstand nach unten zu groß bleiben */
}


/*** 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: var(--us-white);
    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 var(--us-grey);
    padding: 10px;
}
.table-ersatz-title {
    color: var(--us-blue);
    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: var(--us-lightgrey) !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 var(--us-grey);
    }
    .video-responsive .video-preview {
        background: var(--us-lightgrey) !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 var(--us-lightgrey);
    }
    .panel-body {
        border: 0;
    }
    .panel-group > .panel > .panel-heading > .panel-title,
    .panel-group > .panel > .panel-heading > .panel-title a {
        background-color: var(--us-lightgrey) !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-6:after, .b-page-nav .persona li a.persona-6:hover:after, .b-page-nav .persona li a.persona-6:focus:after .b-page-nav .persona li a.persona-7:after, .b-page-nav .persona li a.persona-7:hover:after, .b-page-nav .persona li a.persona-7:focus:after .b-page-nav .persona li a.persona-8:after, .b-page-nav .persona li a.persona-8:hover:after, .b-page-nav .persona li a.persona-8:focus:after .b-page-nav .persona li a.persona-9:after, .b-page-nav .persona li a.persona-9:hover:after, .b-page-nav .persona li a.persona-9: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: var(--us-img-iconsprite) !important;
        background-image: var(--us-img-iconsprite) !important;
        background-repeat: no-repeat !important;
        background-size: var(--us-img-iconsprite-size) !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 var(--us-lightgrey);
        background-color: transparent;
    }
    [data-css="c-intro-teaser"] .intro-teaser__wrapper {
        height: auto;
        border: 2px solid var(--us-lightgrey);
    }
    .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;
    }

    /* Fancybox position relative */
    body.compensate-for-scrollbar {
        overflow: auto;
    }
    .fancybox-container,
    .fancybox-stage,
    .fancybox-slide {
        position: relative;
    }
    .fancybox-content {
        border: 2px solid #333;
    }
}

/* 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: var(--us-lightblue);
    color: var(--us-grey);
}
.bm-detail .bm-close {
    display: none;
    position: absolute;
    top: 15px;
    right: 15px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: none;
    background-color: var(--us-white);
    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: var(--us-grey);
}
.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: var(--us-grey);
    color: var(--us-white);
    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: var(--us-font-light);
    padding: 0;
    margin: 0;
    background-color: transparent;
    border: none;
    font-size: 16px;
    color: var(--us-grey);
    margin-bottom: 1em;
    padding-left: 15px;
    padding-right: 15px;
    border-left: 4px solid var(--us-grey);
    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: var(--us-grey);
}
.bm-click-to-copy input:hover {
    color: var(--us-lightblue);
}
.bm-click-to-copy input:focus {
    color: var(--us-grey);
}
.bm-click-to-copy label,
.bm-click-to-copy label:hover {
    color: var(--us-grey);
}
.bm-click-to-copy.copied::after {
    position: absolute;
    content: "Link kopiert";
    color: var(--us-white);
    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;
    }
}



/* Hide all before- and after-pseudo-elements in screen-reader-contexts */
@media reader, speech, aural {
    *::after,
    *::before {
        display: none;
        visibility: hidden;
    }
}





/* Zitatbox: Farbvarianten */
.bs-component > blockquote.farbvariante-lightblue::before { background-color: var(--us-lightblue); }
.bs-component > blockquote.farbvariante-lightblue::after  { color: var(--us-white); }
.bs-component > blockquote.farbvariante-darkblue::before { background-color: var(--us-blue); }
.bs-component > blockquote.farbvariante-darkblue::after  { color: var(--us-white); }
.bs-component > blockquote.farbvariante-darkgrey::before { background-color: var(--us-grey); }
.bs-component > blockquote.farbvariante-darkgrey::after  { color: var(--us-white); }






/* Checkbox Toggle,
   a variation of:
   https://codepen.io/mburnette/pen/LxNxNg

   Markup:
   <div class="checkbox checkbox-toggle">
     <input type="checkbox"
       id="${unique}" />
     <label for="${unique}">${description}</label>
   </div> */

.checkbox-toggle input[type=checkbox] {
    height: 0;
    width: 0;
    clip: rect(0,0,0,0);
    opacity: 0;
}

.checkbox-toggle label {
    position: static;
    padding-left: 45px;
}

.checkbox-toggle label:before {
    content: '';
    position: absolute;
    top: 5px;
    left: 0;
    width: 40px;
    height: 25px;
    cursor: pointer;
    background: grey;
    display: block;
    border-radius: 25px;
}

.checkbox-toggle label:after {
    content: '';
    position: absolute;
    top: 10px;
    left: 5px;
    width: 15px;
    height: 15px;
    background: var(--us-white);
    border-radius: 15px;
    transition: 0.3s;
}

.checkbox-toggle input[type=checkbox]:checked + label:before {
    background: black;
}

.checkbox-toggle input[type=checkbox]:checked + label:after {
    transform: translateX(15px);
}

.checkbox-toggle input[type=checkbox]:focus + label:before {
    background-color: var(--us-blue);
}


/* Puma-Publikationsliste: Hover-Effekt */
.puma-publikationsliste .panel-group.var-acc-grouped .panel-body > li {
    margin: -10px -10px 20px -10px;
    padding: 10px 10px 0 10px;
}
.puma-publikationsliste .panel-group.var-acc-grouped .panel-body > li:hover {
    background-color: var(--us-lightgrey);
}


/* Akkordeon: Dunkelgrau färben, wenn geöffnet */

.panel-group .panel.panel-default:nth-child(2n+2) .panel-title > a:not(.collapsed),
.panel-group .panel.panel-default:nth-child(2n+1) .panel-title > a:not(.collapsed) {
    background-color: var(--us-grey);
    color: var(--us-white);
}
.panel-group .panel.panel-default:nth-child(2n+2) .panel-title > a:not(.collapsed)::after,
.panel-group .panel.panel-default:nth-child(2n+1) .panel-title > a:not(.collapsed)::after {
    background-position: -260px 0;
}
.panel-group .panel.panel-default:nth-child(2n+2) .panel-title > a:not(.collapsed):hover,
.panel-group .panel.panel-default:nth-child(2n+1) .panel-title > a:not(.collapsed):hover {
    background-color: var(--us-grey);
    color: var(--us-white);
}
.panel-group .panel.panel-default:nth-child(2n+2) .panel-title > a:not(.collapsed):hover::after,
.panel-group .panel.panel-default:nth-child(2n+1) .panel-title > a:not(.collapsed):hover::after {
    background-position: -260px 0;
}

/* Header Login */
.login-main-desktop {
	display: inline-block;
	margin-right: 10px;
	position: relative;
	word-spacing: normal;
	text-align: left;
	margin-left: 8px;
}

@media (max-width: 768px) {
	.login-main-desktop {
		position: unset;
	}
}

.login-circle {
	width: 48px;
	height: 48px;
	background-color: var(--us-grey);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 2;
	position: relative;
	user-select: none;
	cursor: pointer;
	border: none;
}

.login-circle:hover {
	outline: 3px solid #ddd;
}

@media (max-width: 768px) {
	.login-circle {
		position: absolute;
		top: 72px;
		right: 6px;
		transition: top 0.6s ease;
	}

	body.search-is-open .login-circle {
		top: 160px;
		transition: top 0.6s ease;
	}

	body.shrinked .login-circle {
		top: 23px;
	}
}

.login-circle img {
	width: 22px;
}

.login-form {
	position: absolute;
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.25);
	top: -8px;
	right: -8px;
	width: 380px;
	background-color: #ffffffe3;
	z-index: 1;
	display: none;
	border-radius: 15px;
	backdrop-filter: blur(50px);
}

.login-content {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-top: 10px;
}

.login-buttons {
	font-family: var(--us-font-bold);
	text-transform: uppercase;
	background: #333;
	color: white;
	border: none;
	height: 46px;
	font-size: 15px;
	border-radius: 15px;
	margin: 10px;
}

.login-buttons:hover {
	background: var(--us-blue);
}

.login-buttons:focus {
	outline: 2px solid #bbb;
}

.login-buttons:disabled {
	background: #ccc;
}

.logout-button-small {
	height: 55px;
	margin: 20px 0px 0px 0px;
	width: 100%;
}

.login-button-small {
	margin: 0px 20px 0px 20px;
	height: 55px;
}

.login-value {
	border: none;
	border: 1px solid #ccc;
	border-radius: 5px;
	width: 100%;
	height: 40px;
	filter: none;
	background-clip: text;
	margin-top: 14px;
	padding: 20px 10px;
}

@media (max-width: 768px) {
	.login-value {
		height: 48px;
	}
}

.login-value:focus {
	border: 1px solid var(--us-blue);
}

.login-value:focus+label,
.login-value:not(:placeholder-shown)+label {
	transform: translateY(-35px) scale(0.8) translateX(-19px);
}

.login-value:focus {
	outline: none;
}

.login-label {
	transform-origin: left center;
	transition: transform 250ms;
	position: absolute;
	top: 1px;
	left: 10px;
	padding: 5px;
	pointer-events: none;
	user-select: none;
}

@media (max-width: 768px) {
	.login-label {
		top: 23px;
	}
}

body.login-is-open .login-content label {
	transform-origin: left center;
	transition: transform 250ms;
	position: absolute;
	top: 20px;
	left: 10px;
	padding: 5px;
}

@media (max-width: 768px) {
	:is(body.login-is-open, body.login-is-closed) .b-page-header .nav-button {
		position: absolute;
		right: 60px;
	}
}

.login-symbol {
	margin-right: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 38px;
}

.login-symbol img {
	width: 28px;
	height: 28px;
}

.login-guest {
	margin: 13px 40px 0px 40px;
}

@media (max-width: 768px) {
	.login-guest {
		margin: 4px 20px 0px 20px;
	}
}

#login-inputs {
	display: flex;
	flex-direction: column;
	gap: 20px;
	margin: 28px 0 0 0;
}

.login-input {
	display: flex;
	flex-direction: column;
	gap: 0px;
}

.login-field {
	flex-grow: 1;
}

.login-initial {
	color: white;
	font-family: var(--us-font-bold);
	font-size: 20px;
}

.login-initial-first {
	margin-right: 2px;
}

.login-image {
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

.login-image-user {
	width: 21px;
	height: 25px;
	background-position: -1429px -57px;
	background-image: var(--us-img-iconsprite);
	background-size: var(--us-img-iconsprite-size);
	opacity: 1;
	transition: opacity 0.3s ease;
	position: absolute;
}

.login-image-close {
	background-position: -1135px -37px;
	width: 24px;
	height: 25px;
	min-width: 24px;
	background-image: var(--us-img-iconsprite);
	background-size: var(--us-img-iconsprite-size);
	opacity: 0;
	transition: opacity 0.3s ease;
}

.login-name-email {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.login-name-email-small {
	align-items: center;
}

.login-name {
	font-size: 18px;
	font-family: var(--us-font-bold);
	text-transform: uppercase;
}

.login-account {
	font-size: 18px;
	font-family: var(--us-font-bold);
	text-transform: uppercase;
}

.login-email {
	font-size: 15px;
}


body.nav-is-open .login-main {
	visibility: hidden;
}

.login-main-mobile {
	visibility: hidden;
	height: 0;
}

@media (max-width: 768px) {
	body.login-is-open .login-main-mobile {
		visibility: visible;
		padding: 15px;
		position: absolute;
		width: 100%;
		z-index: 1;
		margin-top: 84px;
		background: linear-gradient(white, #ffffffe3);
		backdrop-filter: blur(50px);
		box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.25);
		height: 275px;
	}

	body.nav-is-open .login-main-mobile {
		visibility: hidden;
	}


	body.login-is-open .login-box-guest {
		height: 340px;
		padding-top: 10px;
	}

	.login-form {
		visibility: hidden;
	}
}

.login-data {
	display: flex;
	margin: 0px 64px 0px 10px;
	gap: 10px;
}

.login-picture {
	min-width: 78px;
	height: 78px;
	border-radius: 50%;
	background-size: 65%;
	background-position: center;
	background-image: url('/system/modules/de.stuttgart.uni.v3.basics/resources/img/svg/user.svg');
	background-color: var(--us-lightgrey);
	background-repeat: no-repeat;
}

.login-initials {
	position: absolute;
}

.login-main-mobile-inner {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

@media (max-width: 768px) {
	.login-main-mobile-inner {
		gap: 0px;
	}
}

.login-main-mobile-small {
	display: flex;
	flex-direction: column;
	gap: 10px;
	align-items: center;
}

.login-error {
	color: red;
	font-size: 13px;
	margin-top: 6px;
	height: 17px;
    margin-bottom: 4px;
}

.login-password-eye {
	position: absolute;
	right: 1px;
	top: 15px;
	height: 40px;
	width: 50px;
	justify-content: center;
	display: flex;
	align-items: center;
	cursor: pointer;
}

@media (max-width: 768px) {
	.login-password-eye {
		height: 46px;
	}
}

.login-password-eye-image {
	background-position: center;
	background-repeat: no-repeat;
	min-width: 30px;
	height: 30px;
}

.login-password-eye-on {
	background-image: url('/system/modules/de.stuttgart.uni.v3.basics/resources/img/svg/eye.svg');
}

.login-password-eye-off {
	background-image: url('/system/modules/de.stuttgart.uni.v3.basics/resources/img/svg/eye_off.svg');
}

#login-password {
	padding: 20px 60px 20px 10px;
}

.login-password-invisible {
	font-family: "Courier New", monospace;
}

.logoutForm {
	display: flex;
}

body.nav-is-open .login-main-desktop {
	visibility: hidden;
}