* a:focus { outline: 0 none; }

.clear-margin-h1 {
	h1 {
		margin: 7px 0 0 0 !important;
	}
}

.banner {
	figure {
		position: relative;
		margin: 0 !important;
		> figcaption {
			background-color: rgba(9, 68, 142, 0.8);
			color: #ffffff;
			padding: 20px;
			margin: 0;
			font-size: $font-size23;
			@include bp(sm) {
				position: absolute;
				width: auto;
				left: 0;
				bottom: 50px;
				margin-top: 0;
				font-size: $font-size28;
				font-weight: normal;
			}

			[class^="icon-"] {
				display: none;
				position: relative;
				width: 60px;
				height: 15px;
				float: left;
				@include bp(sm) {
					display: block;
				}
			}
			[class^="icon-"]:before,
			[class*=" icon-"]:before {
				position: absolute;
				left: 0px;
				top: -15px;
				font-size: 50px;
			}
		}
	}
}

figure {
	figcaption {
		margin-top: 7px;
		font-size: 14px;
		color: $color-darkgrey;
	}
}

figure > figcaption { max-width: inherit; width: auto; }

.banner {
	.homeHeader {
		figure {
			position: relative;
			margin: 0 !important;
			> figcaption {
				background-color: $color-blue-fade;
				color: #ffffff;
				padding: 20px;
				margin: 0;
				font-size: $font-size23;
				line-height: 1.2;
				@include bp(sm) {
					position: absolute;
					width: 100%;
					left: 0;
					bottom: 0;
					margin-top: 0;
					font-size: $font-size28;
					font-weight: normal;

				}
			}
		}
	}
}


.navbar-default {
	border-radius: 0 !important;
}

.csc-default {
	> ul {
		border-bottom: none;
		float: none;
		padding-left: 0;
		margin-bottom: 20px;
		li {
			float: none;
			line-height: 1.5;
			list-style-type: none;
			padding-left: 19px;
			margin-bottom: 10px;
			@extend .icon-icon-list-ndash;
			&:before {
				color: #09448E;
				font-size: 50%;
				margin-left: -19px;
				padding-right: 10px;
			}
		}
	}

}

div.csc-textpic-border div.csc-textpic-imagewrap img { border-color: #ccd9e9; }

.employee-single,
.contactbox {
	float: left;
	width: 100%;
	padding: 30px;
	box-sizing: border-box;
	background-color: $color-lightblue;
	font-size: 18px;
	margin-top: 40px;
	margin-bottom: 0px;

	@include bp(md) {
		margin-top: 0;
		margin-bottom: 40px;
	}

	> h1 {
		margin-top: 10px;
	}
	> h2 {
		margin: 0;
		padding: 0;
		font-size: 21px;
		color: #989898;
		text-transform: uppercase;
	}
	> h2,
	> .address {
		margin-bottom: 15px;
	}
	> .address {
		margin-top: 15px;
	}

	> .phone {

	}
	> .category-link {
		margin-top: 15px;
		padding-top: 15px;
		border-top: 1px solid #fff;
	}
	> div {
		float: left;
		width: 100%;
		padding: 2px 0;
	}
	> .link {
		display: none;
	}
	> .job-address {
		margin-top: 15px;
		padding-top: 15px;
		border-top: 1px solid #fff;
	}
}

.employee-single {
	> h2 {
		position: relative;
		@extend .icon-icon-ansprechpartner;
		padding-left: 50px;
		&:before {
			position: absolute;
			left: 0;
			top: -10px;
			font-size: 200%;
			color: $color-blue;
		}
	}

}

.employee-single { padding-bottom: 15px; }
.employee-single > h2:before { font-size: 42px; }
.employee-single > div.email, .contactbox > div.email {
    margin-top: 3px;
}


.employee-overview {
	.employee-single {
		width: 100%;
		margin-bottom: 30px;
		margin-top: 0px;
		@include bp(md) {
			border-right: 30px solid #fff;
			width: 50%;
		}
	}
}


section.breadcrumb {
	background-color: #fff;
	border-top: 1px solid $color-border;
	border-bottom: 1px solid $color-border;
	border-radius: 0 !important;

	ul {
		margin: 0;
		padding: 0;
		width: 100%;
		float: left;
		> li {
			list-style-type: none;
			float: left;
			> a {
				color: $color-darkgrey;
				position: relative;
				padding: 0 0 0 30px;
				font-size: 14px;
				@extend .icon-arrow-right-after;
				&:after {
					position: absolute;
					left: 10px;
					top: 3px;
					color: $color-darkgrey;
					font-size: 65%;

				}
				&:hover,
				&:active,
				&:focus {
					color: $color-blue;
					text-decoration: none;
				}
			}
			&:first-child {
				> a {
					padding: 0 !important;
					&:after {
						display: none;
					}
				}
			}
		}

	}
}

.breadcrumb {
  padding: 8px 15px 8px 0;
}
@media (min-width: 768px) {
	.breadcrumb {
	 	padding: 8px 15px;
	}
}

.tabs {
	> ul {
		float: left;
		width: 100%;
		margin: 0 0 30px 0;
		padding: 0;
		@include bp(sm) {
			border-bottom: 1px solid $color-border;
		}
		> li {
			list-style-type: none;
			float: left;
			padding-left: 0;
			margin: 0;
			width: 100%;
			text-align: center;
			border-bottom: 1px solid $border-color;
			@include bp(sm) {
				width: auto;
				text-align: left;
				border-bottom: 0 !important;
			}
			&:before {
				display: none;
			}
			&:hover {
				> a {
					background-color: $color-lightblue;
				}
			}
			> a {
				padding: 20px 40px;
				display: block;
				font-size: 20px;
				&:hover {
					text-decoration: none;
					color: $color-blue;
				}

			}
			&.active {
				&:hover {
					> a {
						background-color: rgba(9, 68, 142, 1.0);
						text-decoration: none;
						&:after {
							border-top-color: rgba(9, 68, 142, 1.0);
						}
					}
				}
				> a {
					background-color: rgba(9, 68, 142, 0.8);
					color: #ffffff;
					position: relative;
					text-decoration: none;
					@include bp(sm) {
						&:after {
							top: 100%;
							left: 50%;
							border: solid transparent;
							content: " ";
							height: 0;
							width: 0;
							position: absolute;
							pointer-events: none;
							border-color: rgba(136, 183, 213, 0);
							border-top-color: #3A69A4;
							border-width: 15px;
							margin-left: -15px;
						}
					}
				}
			}
		}
	}
}

.tab-nav {
	@extend .tabs;
}

.submenu {
	.csc-menu-1 {
		position: relative;
		float: left;
		width: 100.6%;
		left: 0%;
		padding: 0;
		margin: 0;
		> li {
			&:before {
				display: none;
			}
			list-style-type: none;
			float: left;
			width: 100%;
			margin: 0 0 2px 0;
			@include bp(sm) {
				width: 50%;
				padding-right: 2px;
			}
			@include bp(md) {
				width: percentage(1/3);
			}

			padding: 0;

			background-color: rgba(9, 68, 142, 0.8);
			background-clip: content-box;
			min-height: 80px;
			position: relative;
			&:hover {
				background-color: rgba(9, 68, 142, 1);
				> a {
					text-decoration: none;
				}
			}
			> a {
				position: absolute;
				top: 50%;
				left: 50%;
				display: block;
				width: 100%;
				padding: 20px;
				color: #fff;
				transform: translate(-50%, -50%);
				-webkit-transform: translate(-50%, -50%);
				-moz-transform: translate(-50%, -50%); 
			}
		}
	}
}
.submenu-mediathek {
	.csc-menu {
		position: relative;
		float: left;
		width: 100.4%;
		left: -0.2%;
		padding: 0;
		margin: 80px 0 0 0;
		> li {
			list-style-type: none;
			float: left;
			width: 100%;
			@include bp(sm) {
				width: percentage(1/3);
				padding-right: 2px;
				background-clip: content-box;
			}

			padding: 0 0 5px 0;
			&:before {
				display: none;
			}
			> a {
				display: block;
				width: 100%;
				padding: 20px 20px 90px 20px;
				@include bp(sm) {
					padding: 20px 20px 120px 20px;
				}
				font-size: 21px;
				background-color: rgba(9, 68, 142, 0.8);
				text-align: center;
				text-transform: uppercase;
				color: #fff;
				position: relative;
				&:hover {
					text-decoration: none;
					background-color: rgba(9, 68, 142, 1);
				}

			}
			&:first-child {
				> a {
					@extend .icon-icon-download;
					&:before {
						float: left;
						width: 100%;
						font-size: 50px;
						position: absolute;
						left: 0;
						top: 70px;
					}
				}
			}
			&:nth-child(2) {
				> a {
					@extend .icon-icon-publikationen;
					&:before {
						float: left;
						width: 100%;
						font-size: 50px;
						position: absolute;
						left: 0;
						top: 70px;
					}
				}
			}
			&:last-child {
				> a {
					@extend .icon-icon-vorlesungen;
					&:before {
						float: left;
						width: 100%;
						font-size: 70px;
						position: absolute;
						left: 0;
						top: 60px;
					}
				}
			}
		}
	}
}

.download-single {
	float: left;
	width: 100%;
	background-color: $color-lightblue;
	padding: 15px;
	border-top: 1px solid #fff;
	> h2 {
		color: $color-blue;
		font-size: $font-size23;
		margin: 0;
		padding: 0 0 15px;
	}
	> a {
		padding-left: 50px;
		position: relative;
		display: block;
		width: 100%;
		box-sizing: border-box;
		text-decoration: none;
		float: left;
		font-size: 15px;
		color: $color-black;
		> span {
			float: left;
			width: 100%;
			display: block;
		}
		&:active
		&:focus,
		&:hover {
			color: $color-blue;
		}
		&:before {
			color: $color-blue;
			position: absolute;
			left: 0;
			top: 0;
			font-size: 35px;
			@extend .icon-icon-download;
		}
	}
}

.col-xs-12 > div {
	&.csc-type-list {

	}
}


.download-header {
	margin-top: 40px;

	@include bp(md) {
		margin-top: 0;
	}
	> h2 {
		color: $color-blue;
		font-size: $font-size23;
		margin: 0;
		padding: 15px;
		background-color: $color-lightblue;
	}
}

.job-all-list,
.leistung-selected,
.leistung-category,
.leistung-listall,
.project-category,
.project-selected,
.project-listall,
.job-category-list {
	border: 1px solid $color-border;
	float: left;
	width: 100%;
	margin-top: $default-margin-xs;
	margin-bottom: 0;
	@include bp(md) {
		margin-top: 0;
		margin-bottom: $default-margin-xs;
	}
	> h2,
	> h3 {
		color: $color-blue;
		font-size: $font-size23;
		text-transform: none;
		margin: 0;
		padding: 15px;
	}
	> ul {
		float: left;
		width: 100%;
		margin: 0;
		padding: 0;
		> li {
			list-style-type: none;
			float: left;
			width: 100%;
			&:hover {
				background-color: $color-hover;

				> a {
					color: $color-blue;
					text-decoration: none;
				}
			}
			&.no-link {
				float: left;
				width: 100%;
				padding: 10px 10px 10px 15px;
				display: block;
				border-top: 1px solid $color-border;
				color: $color-black;
				font-size: $font-size15;
				position: relative;
			}
			> a {
				float: left;
				width: 100%;
				padding: 10px 10px 10px 45px;
				display: block;
				border-top: 1px solid $color-border;
				color: $color-black;
				font-size: $font-size15;
				position: relative;
				&:before {
					float: left;
					position: absolute;
					top: 12px;
					left: 12px;
					color: $color-blue;
					font-size: 20px;
				}
			}

		}
	}
}

.job-category-overview-list,
.project-overview-selected,
.project-overview-category,
.project-overview-listall,
.leistung-overview-selected,
.leistung-overview-listall,
.leistung-overview-category {
	> h2,
	> h3 {
		color: $color-blue;
		text-transform: uppercase;
		font: normal 21px 'Corbel W01 Regular', Arial;
	}

	> ul {
		float: left;
		width: 100%;
		margin: 0;
		padding: 0;
		> li {
			list-style-type: none;
			float: left;
			width: 100%;
			&:first-child {
				&.no-link {
					border-top: 1px solid $color-border;
				}
				> a {
					border-top: 1px solid $color-border;
					line-height: 23px;
				}
			}
			&:hover {
				background-color: #EEF1F5;

				> a {
					color: $color-blue;
					text-decoration: none;
				}
			}
			&.no-link {
				float: left;
				width: 100%;
				padding: 13px;
				display: block;
				border-bottom: 1px solid $color-border;
				color: $color-black;
				font-size: $font-size20;
				line-height: 23px;
			}
			> a {
				float: left;
				width: 100%;
				padding: 13px 40px 13px 13px;
				display: block;
				border-bottom: 1px solid $color-border;
				color: $color-black;
				font-size: $font-size20;
				position: relative;
				&:before {
					left: auto;
					float: left;
					position: absolute;
					top: 13px;
					right: 13px;
					color: #09448E;
					font-size: 20px;
				}
			}

		}
	}
}


.accordion-item {
	width: 100%;
	overflow: hidden;
	border-bottom: 1px solid $color-border;
	&.first {
		border-top: 1px solid $color-border;
	}
	&:hover {
		.accordion-name {
			background-color: #EEF1F5;
			color: #09448E;
			&:before {
				-webkit-animation: toBottomFromTop 0.5s forwards;
				-moz-animation: toBottomFromTop 0.5s forwards;
				animation: toBottomFromTop 0.5s forwards;
			}
		}
	}
	.accordion-name {
		padding: 13px;
		position: relative;
		font-size: 18px;
		overflow: hidden;
		@extend .icon-arrow-bottom;
		cursor: pointer;
		transition: margin .5s ease-in-out;
		&:before {
			position: absolute;
			top: 6px;
			right: 6px;
			color: $color-blue;
			font-size: 18px;
			padding: 10px 10px 10px 15px;
		}
	}
	.accordion-content {
		display: none;
		padding: 0 13px;
		opacity: 0;
		transition: opacity .5s ease-in-out;
		h1 {
			font: normal 18px "Corbel W01 Regular";
			margin: 10px 0 15px 0;
		}
		ul { border-bottom: none;
			float: none;
			padding-left: 0;
			li {
				float: none;
				line-height: 1.5;
				list-style-type: none;
				padding-left: 19px;
				margin-bottom: 10px;
				@extend .icon-icon-list-ndash;
				&:before {
					color: #09448E;
					font-size: 50%;
					margin-left: -19px;
					padding-right: 10px;
				}
			}
		}
	}
	&.active {
		.accordion-name {
			margin-bottom: 20px;
			background-color: #EEF1F5;
			color: #09448E;
			@extend .icon-arrow-top;
		}
		.accordion-content {
			opacity: 1;
			overflow: hidden;
			padding-bottom: 10px;
		}
	}
}


.tab-container {
	margin-top: 40px;
	@include bp(md) {
		margin-top: 0;
	}

	padding: 0 0 70px 0;
	.tab-nav {
		float: left;
		width: 100%;
		> ul {
			@extend .csc-menu-1;
			border: 0;
			@include bp(sm) {
				border-bottom: 1px solid $border-color;
			}
			a {
				text-decoration: none;
			}
			> li {
				&:first-child {
					border-top: 1px solid $border-color;
				}

				border-bottom: 1px solid $border-color;

				@include bp(sm) {
					border-bottom: 0;
					&:first-child {
						border-top: 0 !important;
					}
				}
				> a {
					&:after {
						display: none;
					}

					@include bp(sm) {
						&:after {
							display: block;
						}
					}
				}
			}
		}
	}
	.tabs {

		> div {
			display: none;
			&.active {
				display: block;
			}

			.tab-element {
				.tab-name {
					display: none;
				}
			}
		}

		.tab-element {

			&.active {
				display: block;
			}
			&:hover {

			}
		}
	}
	&.desktop {
		.tab-element {

			> .tab-name {
				display: none;
			}
		}
		.tabs {
			> div {
				display: none;
				&.active {
					display: block;
				}
			}
		}
	}

}


.mitgliedschaft-element {
	float: left;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 10px;
	border-bottom: 1px solid $color-border;

	.image {
		width: 100%;
		margin-bottom: 20px;

		@include bp(sm) {
			width: 25%;
			margin-bottom: 0;
		}

		height: 50px;

		float: left;
		text-align: left;
		img {
			width: auto;
			max-width: auto;
			max-height: 50px;
		}
	}

	.name {
		width: 30%;
		line-height: 1.5;

		@include bp(sm) {
			width: 17%;
			line-height: 50px;
		}

		float: left;


		font-weight: bold;
	}
	.text {
		width: 70%;
		line-height: 1.5;
		@include bp(sm) {
			width: 58%;
			line-height: 50px;
		}
		float: left;
	}
}

.mitgliedschaft-element {
  display: block;
  justify-content: center;
  align-items: center;
}

@media (min-width: 520px) {
.mitgliedschaft-element {
  display: flex;
}
}
.mitgliedschaft-element .image {
  height: auto;
  margin-bottom: 20px;
  padding-right: 15px;
  width: 100%;
}
.mitgliedschaft-element .image img {
  height: auto;
  max-width: 100%;
}

@media (min-width: 520px) {
.mitgliedschaft-element .image {
  margin-bottom: 0;
  width: 60%;
}
}

@media (min-width: 768px) {
.mitgliedschaft-element .image {
  width: 30%;
}
}
.mitgliedschaft-element .name {
  padding-right: 15px;
  display: none;
}

@media (min-width: 520px) {
.mitgliedschaft-element .name {
  display: block;
}
}

@media (min-width: 768px) {
.mitgliedschaft-element .name {
  line-height: 1;
}
}
.mitgliedschaft-element .text {
  line-height: 1.4;
  width: 100%;
}

@media (min-width: 520px) {
.mitgliedschaft-element .text {
  width: 70%;
}
}

.csc-frame-rulerBefore {
	.mitgliedschaft-element {
		border-top: 1px solid $color-border;
	}
}

.tx-indexedsearch {

	.tx-indexedsearch-res {

		> .tx-indexedsearch-res {
			border-top: 1px solid $color-border;
			padding: 20px 10px;
			position: relative;
			&:last-child {
				border-bottom: 1px solid $color-border;
			}

			> .rating {
				position: absolute;
				right: 10px;
				top: 20px;
			}

			> h3 {
				margin: 0px 0 20px 0;
			}
			a {
				color: $color-blue;
				text-transform: uppercase;
				font: normal 21px 'Corbel W01 Regular', Arial;
				text-decoration: none;
				&:focus,
				&:hover {
					text-decoration: none;
				}
			}

		}

	}

	.tx-indexedsearch-searchbox {
		float: left;
		width: 100%;
		background-color: $color-lightblue;

		form {
			float: left;
		}

		table {
			float: left;
			width: auto;

			tr {
				display: inline-block;

				padding: 10px;
				> td {
					display: inline-block;
					vertical-align: middle;
				}
			}

			td.label {
				color: $default-text-color;
				font-size: 18px;
				font-weight: normal;
			}

			td.submit {
				a {
					border: 0;
					background-color: #ffffff;
					content: "";
					color: #ffffff;
					overflow: hidden;
					width: 40px;
					height: 40px;
					display: block;
					position: relative;
					@extend .icon-icon-search;
					&:before {
						position: absolute;
						left: 8px;
						top: 8px;
						color: $default-text-color;
						font-size: 140%;
					}
				}
			}

			.tx-indexedsearch-searchbox-sword {
				padding: 10px;
				margin: 0 5px;
				border: 0px solid $border-color;
				height: 40px;
				outline: 0;
			}
		}

	}

	.tx-indexedsearch-whatis {
		display: none;
	}

	.tx-indexedsearch-browsebox {
			text-align: right;

			&:last-child {
				a {
					border-top: 0 !important;
				}
			}
			> p {
				display: inline-block;
				margin-right: 5px;
			}
			.browsebox {
				margin: 0px auto 20px;
				padding: 0;

				text-align: center;
				display: inline-block;
				> li {
					display: inline-block;
					list-style-type: none;
					padding: 0;
					border: 0;
					&:hover {
						a {
							text-decoration: none;
						}
					}
					&:first-child {
						float: left;
						a {
							border-left: 1px solid $color-lightblue !important;
						}
					}
					a {
						border: 1px solid $color-lightblue;
						border-left: 0;
						padding: 4px 10px;
						display: inline-block;
						&:before {
							position: relative;
							left: 0px;
							top: 3px;
							color: $color-blue;
						}
					}
					a {
						display: block;
						position: relative;
					}
				}
			}
	}

}

.tx-powermail {
	width: 100%;
	max-width: 640px;
	> form {
		> h3 {
			display: none;
		}

		> fieldset {
			background-color: #ffffff !important;
			border: 0 !important;
			padding: 0 !important;

			> legend {
				display: none;
			}

			> .powermail_fieldwrap {
				padding: 5px 0;
				> label {
					width: 100% !important;
					@include bp(sm) {
						width: 30% !important;
					}
					font-weight: normal !important;
					vertical-align: top;

				}

				> textarea,
				> input,
				> select {
					width: 100% !important;
					@include bp(sm) {
						width: 70% !important;
					}
				}

				&.powermail_fieldwrap_check {
					legend {
						display: none;
					}
					.powermail_check_outer {
						border: 0;
						width: 100% !important;
						@include bp(sm) {
							width: 70% !important;
						}

						label {
							margin-left: 5px;
							display: inline;
							font-weight: normal !important;
						}
					}
				}

				&.powermail_fieldwrap_submit {
					&:hover {
						> input {
							background-color: $color-blue !important;
						}
					}
					> input {
						background-color: $color-blue-fade !important;
						text-transform: uppercase;
						font-weight: normal !important;
						padding: 10px !important;
						outline: 0;
					}
				}

			}
		}
	}
}


.qtip-bootstrap {
	border-radius: 0 !important;
	border-color: $border-color;
	max-width: 480px !important;
	min-width: 200px !important;
	margin-top: 15px;
	-webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.3) !important;
	-moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.3) !important;
	box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.3) !important;

	.qtip-tip {
		overflow: visible !important;
		position: relative;
		background: #ffffff;
		border: 1px solid #c2e1f5;
		top: -1px !important;
		left: 0px !important;
		margin: 0 !important;
		height: 0 !important;
		> canvas {
			display: none;
		}
		&:after, &:before {
			bottom: 100%;
			left: 30px;
			border: solid transparent;
			content: " ";
			height: 0;
			width: 0;
			position: absolute;
			pointer-events: none;
		}

		&:after {
			border-color: rgba(255, 255, 255, 0);
			border-bottom-color: #ffffff;
			border-width: 20px;
			margin-left: -20px;
		}
		&:before {
			border-color: rgba(194, 225, 245, 0);
			border-bottom-color: #c2e1f5;
			border-width: 21px;
			margin-left: -21px;
		}
	}

	.qtip-content {
		padding: 14px !important;
		.dpnglossary {

			h3 {
				margin-top: 0px !important;
			}
			.content-left {
				padding-left: 0 !important;
			}
			.content-right {
				padding-right: 0 !important;
			}
		}
	}

}



.col-sm-right {
	@include bp(sm) {
		text-align: right;
	}
}

.col-md-left {
	@include bp(md) {
		text-align: left;
	}
}

.tx-zsw-video {
	width: 100%;
	height: 0;
	padding-top: 60%;
	.video-js {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		&:hover {
			.vjs-big-play-button {
				box-shadow: none;
				border: 0;
			}
		}
		.vjs-big-play-button {
			left: 50%;
			top: 50%;
			transform: translate(-50%, -50%);
			width: 80px;
			height: 80px;
			-moz-border-radius: 80px;
			-webkit-border-radius: 80px;
			border-radius: 80px;
			border: 0;
			background-color: transparent;
			box-shadow: none;
			@extend .icon-button-play;
			&:before {
				text-shadow: 0 0 .1em rgba(0,0,0,0.7);
				color: #FFF;
				font-size: 2em;
				line-height: 1.3;
			}
			&:focus,
			&:hover {
				&:before {
					color: #09448E;
					text-shadow: 0 0 .1em rgba(255,255,255,0.8);
				}
				box-shadow: none;
				border: 0;
			}
		}

		.vjs-poster { background-size: cover; }

	}

}

.zswgallery  {
	.csc-textpic-imagerow {
		display: none;
		&:first-child {
			display: block;
		}
	}

	.csc-textpic-intext-left {
		.csc-textpic-imagewrap {
			float: left;
			position: relative;
   		z-index: 2;
		}
		.csc-textpic-text {
			float: none !important;
			.news-text-wrap {
				width: auto !important;
				float: none !important;
				padding: 0;
			}
		}
	}
}

#sb-title, #sb-title-inner {
	height: auto !important;
}

.table-vorlesungen {
	tr {
		th,
		td {
			padding-bottom: 10px;
			&:first-child {
				width: 200px;
			}
		}
	}
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#sb-container {
	z-index: 7000 !important;
}


.partnerLogos {
	box-sizing: border-box;

	.row {
		> div {			
			text-align: center;		
			
			figure {

				a {
					border: 1px solid $border-color;
					display: block; 
					padding: 10px 40px;

					img {
						-webkit-transition: all .3s ease-in-out;
					    transition: all .3s ease-in-out;
					    -webkit-filter: grayscale(100%);
					    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id…0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
					    -moz-filter: grayscale(100%);
					    -ms-filter: grayscale(100%);
					    -o-filter: grayscale(100%);
					    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><…2 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /></filter></svg>#filter');
					    filter: grayscale(100%);
					    opacity: .7;
					}

					&:hover {
						img {
							opacity: 1;
						    filter: none;
						    -moz-filter: none;
						    -ms-filter: none;
						    -o-filter: none;
						    filter: none;
						    filter: none;
					    }					
					}
				}
			}
		}
	}
}