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




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





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





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






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






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

.kontakt .box__image-container {
	width: 150px;
	height: 150px;
	overflow: hidden;
	background: #E8E8E8;
}






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







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







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






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






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







/* FAQ-Liste */
.faq-liste .panel-group .panel .panel-collapse .panel-body .permalink {
	font-size: 12px;
	padding: 4px;
	display: block;
	margin-bottom: -10px;
}
.faq-liste .panel-group .panel .panel-collapse .panel-body .permalink span.permalinklabel {
	display: none;
}
.faq-liste .panel-group .panel .panel-collapse .panel-body .permalink input.permalinkinput {
	font-size: 12px;
	background-color: #eee;
	width: 100%;
	border: 0;
	padding: 1px 2px;
}
.faq-liste .filter-count {
	position: absolute;
	bottom: 1px;
	font-size: 12px;
}








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






/* 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/drowpdown-arrows.svg");
	background-repeat: no-repeat;
	background-size: 14px 100px;
	background-position: calc(100% - 10px) 20px;
}
select.form-control::-ms-expand{
	display: none;
}






/* Studiengangsfilter (SKI-Liste) */
.ski-list .skilisttitle {
	padding-left: 12px;
	padding-right: 12px;
}
.ski-list .skilisttitle h1 {
	color: #333;
}
.ski-list .filtermodul {
	padding-left: 12px;
	padding-right: 12px;
	margin-bottom: 30px;
	background: #eee;
}
.ski-list h1 span.trefferzahl {
	display: inline-block;
	float: right;
	font-size: 14px;
	font-family: "Univers LT W01 45 Light", arial, sans-serif;
	line-height: 16px;
	margin-top: 20px;
}
.ski-list #ski-filter {
	margin: 10px 0 2px 0;
}
.ski-list #ski-filter .form-group {
	margin-bottom: 10px;
}
.ski-list #ski-filter .form-group .form-control {
	width: 309px;
}
.ski-list #ski-filter .form-group label {
	display: block;
	font-size: 14px;
}
.ski-list #ski-filter .form-group select option:checked {
	font-family: "Univers LT W01 65 Bold", arial, sans-serif;
	color: #004191;
}
.ski-list #ski-filter button#reset {
	/* float: right; */
	/* margin-top: 22px; */
	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 .form-group {
	display: block;
	margin-bottom: 4px;
	min-height: 50px;
}
.studiengangssuche .form-group .form-control:after {
	clear: both;
}
.studiengangssuche .form-group label {
	margin-right: 1em;
	line-height: 50px;
	font-weight: 400;
	font-family: "Univers LT W01 65 Bold", arial, sans-serif;
}
.studiengangssuche .form-group select {
	float: right;
	font-size: 16px;
	font-family: "Univers LT W01 65 Bold", arial, sans-serif;
	color: #004191;
}
.studiengangssuche button[type=submit] {
	width: 100%;
}
@media (max-width: 769px) {
	.studiengangssuche .form-group label {
		line-height: 1.2em;
	}
	.studiengangssuche .form-group select {
		margin-bottom: 10px;
	}
}






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





/*** Generic Lists ***/
.segment--grey {
	background: #eee;
}
.generic-list-item {
	padding-left: 12px;
	padding-right: 12px;
}
.generic-list-item article {
	margin-bottom: 24px;
	height: 100%;
}
.generic-list-item article > h3 {
	background: #ccc;
	color: #fff;
	height: 100%;
	margin: 0;
	padding: 10px 15px 15px 15px;
}
.generic-list-item article > a {
	background-color: #fff;
	display: block;
	-webkit-transition: background-color ease 300ms;
	transition: background-color ease 300ms;
	height: 100%;
	padding: 10px 15px 15px 15px;
	overflow: hidden;
}
.generic-list-item article.studienkurzinfo > a {
	background-color: #00BEFF;
}
.generic-list-item article > a:hover {
	background-color: #00BEFF;
}
.generic-list-item article.studienkurzinfo > a:hover {
	background-color: #aaa;
}

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





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





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





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





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





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





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





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





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





/*** Social Media im Newsstream: Mit Icons ***/
.c-stream-teaser--socialmedia .stream-teaser__type {
	position: relative;
	display: inline-block;
	width: 100%;
}
.c-stream-teaser--socialmedia .stream-teaser__type .sm-icon {
	position: absolute;
	right: -3px;
	top: -16px;
	margin-right: 0;
}
.c-stream-teaser--socialmedia .stream-teaser__type .sm-icon.facebook {
	background-color: #3c5997;
	border-color: #3c5997;
}
.c-stream-teaser--socialmedia .stream-teaser__type .sm-icon.twitter {
	background-color: #54abed;
	border-color: #54abed;
}
.c-stream-teaser--socialmedia .stream-teaser__type .sm-icon.googleplus {
	background-color: #cf3223;
	border-color: #cf3223;
}
.c-stream-teaser--socialmedia .stream-teaser__type .sm-icon.usus {
	background-color: #333;
	border-color: #333;
}
.c-stream-teaser--socialmedia:hover .stream-teaser__type .sm-icon {
	opacity: 0.5;
}





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





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




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




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




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




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




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








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




/*** Hide Focus Outlines ***/
.header-box .nav-button button.lines-button:focus,
#main-nav nav .menu-group-box ul li a:focus {
	outline: 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;
	}
}



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




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




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




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




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




/*** Well: Padding left/right entfernen ***/
@media (max-width: 457px) {
	.c-linklist--footer-service-links .linklist__entry:last-child .linklist__link:after {
		visibility: hidden;
	}
}




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




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




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




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




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




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




/*** Flexblocks: Slider Anpassungen ***/
.flexblocks .carousel {
	overflow: hidden;
}
.flexblocks .carousel .carousel-caption {
	position: relative;
	min-height: 108px;
	left: 0;
	right: 0;
	margin-bottom: -20px;
	margin-top: 20px;
	padding: 10px 14px 22px 14px;
	background: #00beff;
	color: #fff;
	text-shadow: none;
	text-align: left;
}
.flexblocks .carousel .carousel-caption p {
	margin-bottom: 0;
	font-size: 12px;
}
.flexblocks .carousel .carousel-caption a {
	color: #004191;
}
.flexblocks .carousel .carousel-caption a:hover {
	color: #fff;
}
.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-play-pause {
	position: absolute;
	left: -30px;
	cursor: pointer;
	margin-top: 1px;
	width: 20px;
	height: 20px;
	z-index: 50;
}
.flexblocks .carousel .carousel-indicator-container .carousel-play-pause::after {
	content: '';
	display: block;
	background-image: url(https://www.uni-stuttgart.de/system/modules/de.stuttgart.uni.v3.basics/resources/img/sprites/sprites-icons-sprite.svg);
	background-size: 1450px 110px;
	position: absolute;
	width: 30px;
	height: 30px;
	left: -6px;
	top: -6px;
	-webkit-filter: none;
    filter: none;
}
.flexblocks .carousel .carousel-indicator-container .carousel-play-pause.is-active::after {
	background-position: -930px 0;
	-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 0;
	-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:hover .carousel-control {
	opacity: 1;
	-webkit-transition: opacity 600ms ease;
	transition: opacity 600ms ease;
}
.flexblocks .carousel:hover .carousel-control button {
	opacity: 1;
}
.flexblocks .carousel:hover .carousel-control .c-cta--slider.is-previous {
	left: 0;
}
.flexblocks .carousel:hover .carousel-control .c-cta--slider.is-next {
	right: 0;
}
.flexblocks .carousel .carousel-control.left {
	left: -35px;
}
.flexblocks .carousel .carousel-control.right {
	right: -35px;
}





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

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


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




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




/*** Flexblocks: Linkbutton in Ausreißern als normalen Link darstellen */
.col-sm-4.col-md-3 .flexblocks .btn.btn-default.linkbutton {
	margin-top: 0;
	display: inline;
	-webkit-transition: color 0.3s ease;
	transition: color 0.3s ease;
	font-family: "Univers LT W01 45 Light", arial, sans-serif;
	text-transform: none;
	text-align: left;
	vertical-align: baseline;
	touch-action: inherit;
	cursor: auto;
	border: none;
	white-space: normal;
	padding: 0;
	font-size: 16px;
	line-height: inherit;
	-webkit-user-select: inherit;
	-moz-user-select: inherit;
	user-select: inherit;
	color: #00BEFF;
	background: none;
}
.col-sm-4.col-md-3 .flexblocks .btn.btn-default.linkbutton:hover {
	color: #004191;
}
/*** 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: 1px solid #333;
	border-radius: 50%;
	/*
	width: 60px;
	height: 60px;
	*/
	width: 100px;
	height: 100px;
	background: #333;
	overflow: hidden;
	font: 0/0 serif;
	text-shadow: none;
	color: transparent;
	text-decoration: none;
	box-sizing: inherit;
}
.iconbox .iconbox-icon:after {
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 50%;
	width: 24px;
	height: 24px;
	box-sizing: inherit;
	content: "";
	/*
	background-image: url("../img/sprites/sprites-icons-sprite.svg");
	background-size: 1450px 110px;
	background-position: -1235px 0;
	*/
	/*
	background-image: url("../img/svg/icons/fon-white.svg");
	background-size: 21px 20px;
	*/
	background-image: url("../img/sprites/sprites-icon-box.svg");
	background-size: 520px 100px;
	/* background-position: 0 0; */
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.iconbox .iconbox-icon:hover,
.iconbox .iconbox-icon:focus {
	background: #3c5997;
	border-color: #3c5997;
}
.iconbox .iconbox-icon.twitter:hover,
.iconbox .iconbox-icon.twitter:focus {
	background: #54abed;
	border-color: #54abed;
}
.iconbox .iconbox-icon.youtube:hover,
.iconbox .iconbox-icon.youtube:focus {
	background: #d41529;
    border-color: #d41529;
}
.iconbox .iconbox-icon.googleplus:hover,
.iconbox .iconbox-icon.googleplus:focus {
	background: #cf3223;
    border-color: #cf3223;
}
.iconbox .iconbox-icon.facebook:after   { background-position: 0 0; }
.iconbox .iconbox-icon.googleplus:after { background-position: -26px 0; }
.iconbox .iconbox-icon.youtube:after    { background-position: -53px 0; }
.iconbox .iconbox-icon.location:after   { background-position: -79px 0; }
.iconbox .iconbox-icon.telefon:after    { background-position: -104px 0; }
.iconbox .iconbox-icon.download:after   { background-position: -131px 0; }
.iconbox .iconbox-icon.email:after      { background-position: -157px 0; }
.iconbox .iconbox-icon.signup:after     { background-position: -183px 0; }
.iconbox .iconbox-icon.twitter:after    { background-position: -209px 0; }
.iconbox .iconbox-icon.vimeo:after      { background-position: -235px 0; }
.iconbox .iconbox-icon.pdf:after        { background-position: -260px 0; }
.iconbox .iconbox-icon.doc:after        { background-position: -286px 0; }
.iconbox .iconbox-icon.ppt:after        { background-position: -312px 0; }
.iconbox .iconbox-icon.xls:after        { background-position: -338px 0; }
.iconbox .iconbox-icon.calendar:after   { background-position: -365px 0; }
.iconbox .iconbox-icon.video:after      { background-position: -391px 0; }
.iconbox .iconbox-icon.attention:after  { background-position: -417px 0; }
.iconbox .iconbox-icon.info:after       { background-position: -443px 0; }
.iconbox .well {
	padding: 40px 20px 10px 20px;
}
.iconbox .well,
.iconbox .well.bg_lightgrey {
	background-color: #eee;
	border: 1px solid #eee;
	color: #333;
}
.iconbox .well.bg_lightblue {
	background-color: #00BEFF;
	border: 1px solid #00BEFF;
	color: #fff;
}
.iconbox .well.bg_white {
	background-color: #fff;
	border: 1px solid #333;
	color: #333;
}



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



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


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



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


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



/*** Icons: XS ***/
.xs-inline-icon {
	display: inline-block;
	position: relative;
	border: none;
	height: 26px;
	background: transparent;
	overflow: hidden;
	box-sizing: inherit;
	vertical-align: middle;
	margin-right: 4px;
	padding-left: 26px;
}
.xs-inline-icon:before {
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 0%;
	width: 24px;
	height: 24px;
	box-sizing: inherit;
	content: "";
	background-image: url("../img/sprites/sprites-icon-box-dark.svg");
	background-size: 520px 100px;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(0%, -50%);
}
.xs-inline-icon.facebook:before   { background-position: 0 0; }
.xs-inline-icon.googleplus:before { background-position: -26px 0; }
.xs-inline-icon.youtube:before    { background-position: -53px 0; }
.xs-inline-icon.location:before   { background-position: -79px 0; }
.xs-inline-icon.telefon:before    { background-position: -104px 0; }
.xs-inline-icon.download:before   { background-position: -131px 0; }
.xs-inline-icon.email:before      { background-position: -157px 0; }
.xs-inline-icon.signup:before     { background-position: -183px 0; }
.xs-inline-icon.twitter:before    { background-position: -209px 0; }
.xs-inline-icon.vimeo:before      { background-position: -235px 0; }
.xs-inline-icon.pdf:before        { background-position: -260px 0; }
.xs-inline-icon.doc:before        { background-position: -286px 0; }
.xs-inline-icon.ppt:before        { background-position: -312px 0; }
.xs-inline-icon.xls:before        { background-position: -338px 0; }
.xs-inline-icon.calendar:before   { background-position: -365px 0; }
.xs-inline-icon.video:before      { background-position: -391px 0; }
.xs-inline-icon.attention:before  { background-position: -417px 0; }
.xs-inline-icon.info:before       { background-position: -443px 0; }
.xs-inline-icon.fax:before        { background-position: -469px 0; }
.xs-inline-icon.sign:before       { background-position: -495px 0; }
.xs-inline-icon.www:before        { background-position: 0 -26px; }
.xs-inline-icon.poallg:before     { background-position: -26px -26px; }
.xs-inline-icon.pobes:before      { background-position: -53px -26px; }
.xs-inline-icon.hauptfach:before  { background-position: -79px -26px; }
.xs-inline-icon.nebenfach:before  { background-position: -104px -26px; }
.xs-inline-icon.ein-fach:before   { background-position: -131px -26px; }


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



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



/*** Logo-Box ***/
.logobox {
	text-align: center;
	padding-top: 35px;
}
.logobox.blank {
	border: none;
	padding-top: 0;
}
.logobox.blank .logobox-logo {
	border: none;
	border-radius: 0;
	width: 100%;
	height: auto;
}
.logobox.white {
	border: 1px solid #eee;
}
.logobox.lightgrey {
	background: #eee;
	border: 1px solid #eee;
}
.logobox.lightgrey .logobox-logo {
	border: 1px solid transparent;
	background: transparent;
}
.logobox .logobox-logo {
	display: inline-block;
	position: relative;
	border: 1px solid #eee;
	border-radius: 50%;
	width: 150px;
	height: 150px;
	background: #eee;
	overflow: hidden;
	font: 0/0 serif;
	text-shadow: none;
	color: transparent;
	text-decoration: none;
	box-sizing: inherit;
	/* padding: 2%; */
}
.logobox a > .logobox-logo:hover,
.logobox a > .logobox-logo:focus {
	background: #3c5997;
	border-color: #3c5997;
}




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

.linklist .panel {margin-top: 20px;}

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



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



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



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



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



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



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

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

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

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

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

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

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

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

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



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

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

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

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

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



/* Inhaltsbereich: Unnummerierte Liste für Glossar */
ul.glossar,
ul.glossar ul {
	list-style-type: none;
	list-style-image: none;
	padding: 15px 0 0 0;
	margin: 0;
}
ul.glossar li,
ul.glossar ul li {
	display: inline-block;
	min-width: 10px;
	padding: 8px 0;
	line-height: 14px;
	font-size: 13px;
	color: #fff;
	width: 30px;
	text-align: center;
	vertical-align: baseline;
	white-space: nowrap;
	background-color: #004191;
	border-radius: 15px;
	font-family: "Univers LT W01 65 Bold", arial, sans-serif;
	margin: 1px;
}
ul.glossar li.hasnolink,
ul.glossar li.hasnolink:hover {
	background: #eee;
	cursor: default;
}
ul.glossar li a:link,
ul.glossar li a:visited,
ul.glossar li a:active,
ul.glossar ul li a:link,
ul.glossar ul li a:visited,
ul.glossar ul li a:active {
	display: block;
	text-decoration: none;
	color: #fff;
}
ul.glossar li:hover,
ul.glossar ul li:hover {
	background-color: #333;
}
.filtermodul ul.glossar li.hasnolink {
	background-color: transparent;
	color: #004191;
}
.glossar-liste .filtermodul {
	padding-top: 15px;
	padding-bottom: 15px;
	margin-bottom: 20px;
	background-color: #eee;
}
.glossar-liste .filtermodul .filter-count {
	position: absolute;
	right: 15px;
	font-size: 14px;
	color: #aaa;
	margin-top: -1px;
}
.glossar-liste .item {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 3px solid #eee;
}
.glossar-liste .item dt {
	font-size: 20px;
}



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

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

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

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

/*** Linkfarben anpassen ***/
li a {
  color: #00BEFF; }
  
.linklist li a, .iconbox .well.bg_lightblue a {color: #004191;}
li a:hover, .iconbox .well.bg_lightblue a:hover {
    text-decoration: underline;
    color: #004191; }

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

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

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

}


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

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

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

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

/*** Externe Link auszeichnen ***/
/* Erst mal allen Links, die mit http:// und https:// beginnen ein Symbol anheften... */
a[href^="http://"]:link::after,
a[href^="https://"]:link::after {
	content: url("../img/link-icons/ex-link.png");
}


a[href^="http://"]:visited::after,
a[href^="http://"]:hover::after,
a[href^="http://"]:active::after,
a[href^="https://"]:visited::after,
a[href^="https://"]:hover::after,
a[href^="https://"]:active::after,
ul.linklist_standard > li > a[href^="http://"]:link::after,
ul.linklist_standard > li > a[href^="https://"]:link::after {
	content: url("../img/link-icons/ex-link-hover.png");
}
.puma-bib ul.publication-menu li a:after {
	content: ' ]';
}


/* ...und die dann wieder da entfernen, wo es nach dem http:// oder https:// mit der Adresse der eigenen Websites weitergeht */
.kontakt .box__content a[href*="uni-stuttgart.de"]:link::after,
.kontakt .box__content a[href*="uni-stuttgart.de"]:visited::after,
.kontakt .box__content a[href*="uni-stuttgart.de"]:hover::after,
.kontakt .box__content a[href*="uni-stuttgart.de"]:active::after,
.btn a[href*="uni-stuttgart.de"]:link::after,
.btn a[href*="uni-stuttgart.de"]:visited::after,
.btn a[href*="uni-stuttgart.de"]:hover::after,
.btn a[href*="uni-stuttgart.de"]:active::after,
a.btn[href*="uni-stuttgart.de"]:link::after,
a.btn[href*="uni-stuttgart.de"]:visited::after,
a.btn[href*="uni-stuttgart.de"]:hover::after,
a.btn[href*="uni-stuttgart.de"]:active::after,
.btn[href*="uni-stuttgart.de"]:link::after,
.btn[href*="uni-stuttgart.de"]:visited::after,
.btn[href*="uni-stuttgart.de"]:hover::after,
.btn[href*="uni-stuttgart.de"]:active::after,
a[href*="uni-stuttgart.de"]:link::after,
a[href*="uni-stuttgart.de"]:visited::after,
a[href*="uni-stuttgart.de"]:hover::after,
a[href*="uni-stuttgart.de"]:active::after,
.newsstream a:link::after,
.newsstream a:visited::after,
.newsstream a:hover::after,
.newsstream a:active::after,
.iconbox a:link::after,
.iconbox a:visited::after,
.iconbox a:hover::after,
.iconbox a:active::after,
.introbox a:link::after,
.introbox a:visited::after,
.introbox a:hover::after,
.introbox a:active::after,
.linklist a.btn[href^="http://"]:link::after,
.linklist a.btn[href^="https://"]:link::after,
.linklist a.btn:visited::after,
.linklist a.btn:hover::after,
.linklist a.btn:active::after
{
   content: none;
}

a[href$='.facebook.']:link::after {
	content: none;
}

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

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

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

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

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

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

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

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



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



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




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

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




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




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

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

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

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

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

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


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

	.b-page-nav .backto::before, .b-page-header .header-box .mainidentity a:after, .b-breadscroller--default .breadscroller__controls-btn span::after, .b-breadscroller--default .breadscroller__controls-btn.is-back span::after, .caret::before, .dropup .btn:hover .caret::before, .dropdown .btn:hover .caret::before, .dropdown.open .caret::before, .b-breadcrumb .breadcrumb-navigation.btn-right span, .b-breadscroller--default .breadscroller__controls-btn.is-forward span::after, .pager .previous > a::after, .pager .previous > span::after, .pagination > li:first-child > a::before, .pagination > li:first-child > span::before, .pager .previous > a:hover::after, .pager .previous > span:hover::after, .pagination > li:first-child > a:hover::before, .pagination > li:first-child > span:hover::before, .c-cta--slider.is-previous::after, a.list-group-item:before, .pager .next > a::after, .pager .next > span::after, .pagination > li:last-child > a::before, .pagination > li:last-child > span::before, .c-area-teaser--generic .area-teaser__wrapper:hover::after, .c-intro-teaser--reasons .intro-teaser__reasons:before, .c-intro-teaser--reasons .intro-teaser__reasons .intro-teaser__reasons-number:before, a.list-group-item:hover:before, a.list-group-item:hover:active:before, a.list-group-item.active:before, .pager .next > a:hover::after, .pager .next > span:hover::after, .pagination > li:last-child > a:hover::before, .pagination > li:last-child > span:hover::before, .c-cta--slider.is-next::after, .c-area-teaser--generic .area-teaser__wrapper::after, .b-page-nav .menu li.has-menu a::after, .panel-group .panel.panel-default .panel-title > a::after, .panel-group .panel.panel-default .panel-title > a.collapsed::after, .panel-group .panel.panel-primary .panel-title > a::after, .panel-group .panel.panel-primary .panel-title > a.collapsed::after, .panel-group .panel.panel-primary:nth-child(2n+1) .panel-title > a::after, .panel-group .panel.panel-primary:nth-child(2n+1) .panel-title > a.collapsed::after, .panel-group .panel.panel-default .panel-title > a:hover::after, .panel-group .panel.panel-default .panel-title > a.collapsed:hover::after, .panel-group .panel.panel-primary .panel-title > a:hover::after, .panel-group .panel.panel-primary .panel-title > a.collapsed:hover::after, .b-page-nav .persona li a.persona-4:after, .b-page-nav .persona li a.persona-4:hover:after, .b-page-nav .persona li a.persona-4:focus:after, .b-page-nav .persona li a.persona-3:after, .b-page-nav .persona li a.persona-3:hover:after, .b-page-nav .persona li a.persona-3:focus:after, .b-page-nav .persona li a.persona-2:after, .b-page-nav .persona li a.persona-2:hover:after, .b-page-nav .persona li a.persona-2:focus:after, .b-page-nav .persona li a.persona-5:after, .b-page-nav .persona li a.persona-5:hover:after, .b-page-nav .persona li a.persona-5:focus:after, .b-page-nav .persona li a.persona-1:after, .b-page-nav .persona li a.persona-1:hover:after, .b-page-nav .persona li a.persona-1:focus:after, .b-breadcrumb .breadcrumb-list li:first-child strong::before, .b-breadcrumb .breadcrumb-list li:first-child a::before, .b-breadscroller--default .breadscroller__list-item:first-child .breadscroller__list-element::before, .c-linklist--footer-socials .linklist__entry .linklist__link.is-facebook:after, .c-linklist--footer-socials .linklist__entry .linklist__link.is-google:after, .c-linklist--footer-socials .linklist__entry .linklist__link.is-twitter:after, .c-linklist--footer-socials .linklist__entry .linklist__link.is-usus:hover:after, .c-linklist--footer-socials .linklist__entry .linklist__link.is-usus:focus:after, .c-linklist--footer-socials .linklist__entry .linklist__link.is-individual:hover:after, .c-linklist--footer-socials .linklist__entry .linklist__link.is-individual:focus:after, .c-linklist--footer-socials .linklist__entry .linklist__link.is-usus:after, .c-linklist--footer-socials .linklist__entry .linklist__link.is-individual:after, .c-linklist--footer-socials .linklist__entry .linklist__link.is-youtube:after, .is-fon::before, .is-mail::before, .is-info::before, .is-fon-w::before, .is-mail-w::before, .is-info-w::before, .is-location::after, .is-location-text::after, .is-location-text::before, .c-cta--teaser-group span::before, .c-cta--teaser-group:hover span::before, .c-cta--teaser-group:focus span::before, [data-js-module~="slider"] .slider__playpause.is-active::after, [data-js-module~="slider"] .slider__playpause.isnt-active::after, .no-touchevents .c-intro-teaser--reasons .intro-teaser__reasons:hover::before, .no-touchevents .c-intro-teaser--reasons.is-modified .intro-teaser__reasons:hover::before, .c-intro-teaser--reasons.is-modified .intro-teaser__reasons::before, .c-intro-teaser--reasons.is-modified .intro-teaser__reasons .intro-teaser__reasons-number::before, .c-intro-teaser--news-slider .intro-teaser__news-content-wrapper::after, .c-stream-teaser--video .stream-teaser__header::after, .b-page-header .nav-button .lines-button::before, .b-page-header .nav-button .lines-button.js-active::before, body:not(.nav-is-open) .b-page-header .header-box .search button::before, body.nav-is-open .b-page-header .header-box .search button::before, body:not(.nav-is-open) .b-page-header .header-box .search button.js-active::before, body.nav-is-open .b-page-header .header-box .search button.js-active::before, [data-css="b-scroll-to-top"] .scroll-to-top__link::after {
		background: url("https://opencms.uni-stuttgart.de/system/modules/de.stuttgart.uni.v3.basics/resources/img/sprites/sprites-icons-sprite.svg") !important;
		background-image: url("https://opencms.uni-stuttgart.de/system/modules/de.stuttgart.uni.v3.basics/resources/img/sprites/sprites-icons-sprite.svg") !important;
		background-repeat: no-repeat !important;
		background-size: 1450px 110px !important;
	}
	.is-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;
	}
}