.mp-container, .mp-scroller {
	height: 100%;
}
.mp-scroller {
	overflow-y: scroll;
}
.mp-scroller, .mp-scroller-inner {
	position: relative;
}
.mp-scroller-inner {
	padding-bottom: 40px;
}
.mp-container {
	position: relative;
	overflow: hidden;
	background: black;
}
.menu-trigger {
	position: relative;
	padding-left: 60px;
	font-size: 0.9em;
}
.menu-trigger:before {
	position: absolute;
	top: 2px;
	left: 0;
	width: 40px;
	height: 6px;
	background: #fff;
	box-shadow: 0 6px #000000, 0 12px #fff, 0 18px #000000, 0 24px #fff;
	content: '';
}
.mp-pusher {
	position: relative;
	left: 0;
	height: 100%;
}
.mp-menu {
	position: absolute;

	/* we can't use fixed here :( */
	top: 0;
	left: 0;
	z-index: 1;
	width: 300px;
	height: 100%;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
}
.mp-level {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: black;

	/*border-right: 1px solid #6e7178;*/
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
}

/* overlays for pusher and for level that gets covered */
.mp-pusher::after, .mp-level::after, .mp-level::before {
	position: absolute;
	top: 0;
	right: 0;
	width: 0;
	height: 0;
	content: '';
	opacity: 0;
}
.mp-pusher::after, .mp-level::after {
	background: rgba(0,0,0,0.3);
	-webkit-transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
	transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
}
.mp-level::after {
	z-index: -1;
}
.mp-pusher.mp-pushed::after, .mp-level.mp-level-overlay::after {
	width: 100%;
	height: 100%;
	opacity: 1;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
}
.mp-level.mp-level-overlay {
	cursor: pointer;
}
.mp-level.mp-level-overlay.mp-level::before {
	width: 100%;
	height: 100%;
	background: transparent;
	opacity: 1;
}
.mp-pusher, .mp-level {
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

/* overlap */
.mp-overlap .mp-level.mp-level-open {
	box-shadow: 1px 0 2px rgba(0,0,0,0.2);
	-webkit-transform: translate3d(-40px, 0, 0);
	transform: translate3d(-40px, 0, 0);
}

/* First level */
.mp-menu > .mp-level, .mp-menu > .mp-level.mp-level-open, .mp-menu.mp-overlap > .mp-level, .mp-menu.mp-overlap > .mp-level.mp-level-open {
	box-shadow: none;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

/* cover */
.mp-cover .mp-level.mp-level-open {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.mp-cover .mp-level.mp-level-open > ul > li > .mp-level:not(.mp-level-open) {
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
}

/* content style */
.mp-menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.mp-menu h2 {
	margin: 0;
	padding: 1em;
	color: #6e7178;
	font-weight: 300;
	font-size: 2em;
}
.mp-menu.mp-overlap h2::before {
	position: absolute;
	top: 0;
	right: 0;
	margin-right: 8px;
	font-size: 75%;
	line-height: 1.8;

	/*opacity: 0;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.1s 0.3s;
	-moz-transition: opacity 0.3s, -moz-transform 0.1s 0.3s;
	transition: opacity 0.3s, transform 0.1s 0.3s;*/
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
}
.mp-menu.mp-cover h2 {
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 1px;
	font-size: 1em;
}
.mp-overlap .mp-level.mp-level-overlay > h2::before {

	/*opacity: 1;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;*/
	-webkit-transform: translateX(0);
	transform: translateX(0);
}
.mp-menu ul li > a {
	display: block;
	padding: 1.0em;
	font-size: 1.2em;
	border-bottom: 2px solid #6e7178;
	text-decoration: none;
}
.mp-menu ul li.active {
	background-color: #6e7178;
}
.mp-menu ul li.active ul li {
	background-color: transparent;
}
.mp-menu ul li::before {
	position: absolute;
	left: 10px;
	z-index: -1;
	color: rgba(0,0,0,0.2);
	line-height: 3.5;
}
.mp-menu ul li a:hover, .mp-level > ul > li:first-child > a:hover {
	background-color: #6e7178;
	text-decoration: none;
}

/*.mp-menu .mp-level.mp-level-overlay > ul > li > a,
.mp-level.mp-level-overlay > ul > li:first-child > a {
	box-shadow: inset 0 -1px rgba(0,0,0,0);
}*/

/*.mp-level > ul > li:first-child > a:hover,
.mp-level.mp-level-overlay > ul > li:first-child > a {
	box-shadow: inset 0 -1px rgba(0,0,0,0), inset 0 1px rgba(0,0,0,0);
}*/

/* seems like Chrome 34.0.1847.131 needs the second shadow otherwise the transition breaks */
.mp-back {
	outline: none;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
	display: block;
	font-size: 0.8em;
	padding: 1em;
	position: relative;
	text-align: right;
	border-bottom: 1px solid;
}

/*.mp-back::after {
	font-family: 'linecons';
	position: absolute;
	content: "\e037";
	right: 10px;
	font-size: 1.3em;
	color: rgba(0,0,0,0.3);
}*/
.mp-menu .mp-level.mp-level-overlay > .mp-back, .mp-menu .mp-level.mp-level-overlay > .mp-back::after, .mp-menu .mp-level.mp-level-overlay > .mp-back span, .mp-menu .mp-level.mp-level-overlay > .mp-back span::after {
	background: transparent;
	box-shadow: none;
	color: transparent;
}

/* Fallback example for browsers that don't support 3D transforms (and no JS fallback) */

/* We'll show the first level only */
.no-csstransforms3d .mp-pusher, .no-js .mp-pusher {
	padding-left: 300px;
}
.no-csstransforms3d .mp-menu .mp-level, .no-js .mp-menu .mp-level {
	display: none;
}
.no-csstransforms3d .mp-menu > .mp-level, .no-js .mp-menu > .mp-level {
	display: block;
}

/* Customization CC */
.mp-scroller {
	overflow-y: auto;
}
.mp-menu {
	display: block;
}

/* COLOR */

/* FONT */

/* GENERAL SETTINGS */
.clearfix:after {
	content: '';
	display: block;
	clear: both;
}

html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	position: relative;
	min-height: 100%;
	height: 100%;
}
/* Google Font Fix */
html, body, div {
	margin:0;
}

h1, h2, h3, h4, h5, b, p, strong, small, li, td, th, a, i, em, br, span, label, input, select, textarea, legend, button, dt, dd {
	text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
	-webkit-animation-name: fontfix;
	-webkit-animation-duration: 0.1s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-delay: 0.1s;
	-webkit-animation-iteration-count: 1;
	color: rgb(220, 220, 220);
	font: 400 14px/24px 'Open Sans',sans-serif;
}

body {
	position: relative;
}

h1 {
	font: 600 26px/30px 'Open Sans',sans-serif;
	color: rgb(220, 220, 220);
	margin: 0;
	padding: 0 0 25px 0;
	position: relative;
}

h1 a {
	text-decoration: none;
	border-bottom: 2px solid rgba(110, 113, 120, 1);
}

h2 {
	font: 400 20px/24px 'Open Sans',sans-serif;
	color: rgb(220, 220, 220);
	margin: 0;
	padding: 0 0 15px 0;
	position: relative;
}

h2 a {
	text-decoration: none;
	border-bottom: 2px solid rgba(110, 113, 120, 1);
}

h3 {
	font: 400 18px/22px 'Open Sans',sans-serif;
	color: rgb(220, 220, 220);
	margin: 0;
	padding: 0 0 15px 0;
	position: relative;
}

h3 a {
	text-decoration: none;
	border-bottom: 2px solid rgba(110, 113, 120, 1);
}

b, strong {
	font-weight: 600;
}

i, em {
	font-style: italic;
}

p {
	margin-bottom: 25px
}

p:empty {
	margin: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
}
.block:last-child p {
	margin-bottom: 0;
}

a {
	color: white;
	font-weight: normal;
	cursor: pointer;
	text-decoration: none;
	border-bottom: none
}

a:hover, a:active {
	color: white;
	text-decoration: underline;
}

a:visited, a:focus {
	color: white;
	text-decoration: none;
	border-bottom: none;
}

ul li {
	list-style: disc;
}

.bullets {
	padding-left: 16px;
}

.background_image {
	background-position:center center;
	background-size: cover;
	background-repeat:no-repeat
}

.background_image.contain {
	background-size: contain;
}

.background_image.left_top {
	background-position: left top;
}

.background_image.left_center {
	background-position: left center;
}

.background_image.left_bottom {
	background-position: left bottom;
}

.background_image.right_top {
	background-position: right top;
}

.background_image.right_center {
	background-position: right center;
}

.background_image.right_bottom {
	background-position: right bottom;
}

.background_image.center_top {
	background-position: center top;
}

.background_image.center_center {
	background-position: center center;
}

.background_image.center_bottom {
	background-position: center bottom;
}

.mp-scroller-inner {
	min-height: 100vh;
}

.mp-pushed header nav.navbar .container-fluid .container .navbar-header .icon_trigger a span {
	color: rgba(110, 113, 120, 1);
	text-decoration: underline;
}

@media (min-width: 768px) {
	.mp-pushed {
		-webkit-transform: translate3d(0px, 0px, 0px) !important;
		        transform: translate3d(0px, 0px, 0px) !important;
	}
	}

/* HEADER */
nav.mp-menu ul li a {
	font-size: 1.1em;
	padding: 1.0em 0.5em;
}
nav.mp-menu ul li a span.glyphicon {
	padding-right: 0.2em;
}
nav.mp-menu ul li a, nav.mp-menu ul li span {}
nav.mp-menu ul li a:hover, nav.mp-menu ul li a.active, nav.mp-menu ul li span:hover, nav.mp-menu ul li span.active {}
nav.mp-menu ul li a:visited, nav.mp-menu ul li a:focus, nav.mp-menu ul li span:visited, nav.mp-menu ul li span:focus {}
nav.mp-menu ul li .mp-level {
	z-index: 2;
}
nav.mp-menu ul .active a {}
@media (min-width: 768px) {
	nav.mp-menu {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		z-index: 10000;
	}
	nav.mp-menu > .mp-level-overlay, nav.mp-menu > .mp-level {
		-webkit-transform: translate3d(0, 0, 0) !important;
		transform: translate3d(0, 0, 0) !important;
	}
	}

header nav.navbar {
	z-index:3;
	height: 105px;
	background-color: black;
	border: none;

	/*
		.container-fluid {
			.container {
				a.navbar-brand {
					float: right;
					width: 105px;
					height: 105px;
					padding-right: 0px;
					img {
						float: right;
						width: 75px;
						height: 75px;
					}
				}
				#main_nav {
					ul.navbar-nav {
						width: 100%;
						li {
							padding: 40px 4%;
							a, span {
								padding: 0px;
								padding-bottom: 5px;
								font: $nav;
								color: white;
								text-decoration: none;
								border-bottom: 2px solid transparent;
								&:hover, &.active {
									border-bottom: 2px solid $grey;
									background-color: none;
								}
								&:visited, &:focus {
								}
							}
						}
						.active {
							a {
								font: $nav;
								color: white;
								border-bottom: 2px solid $grey;
								background-color: transparent;
							}
						}
						li:first-child {
							padding-left: 0;
						}
					}
				}
			}
		}
		*/
}

header nav.navbar {
	top: 0;
}

header nav.navbar .container-fluid .container .navbar-header {
	padding-right: 5px;
}

header nav.navbar .container-fluid .container .navbar-header .icon_trigger {
	margin-top: 30px;
}

header nav.navbar .container-fluid .container .navbar-header .icon_trigger a {
	width: 40px;
	height: 35px;
	padding: 0;
	display: inline-block;
	margin: 0;
}

header nav.navbar .container-fluid .container .navbar-header .icon_trigger a span {
	position: relative;
	z-index: 5;
	font-size: 26px;
	top: 4px;
	color: white;
}

header nav.navbar .container-fluid .container .navbar-header .icon_trigger a:before {
	background-color: black;
	box-shadow: none;
}

header nav.navbar .container-fluid .container .navbar-header a.navbar-brand {
	float: right;
	width: 105px;
	height: 105px;
}

header nav.navbar .container-fluid .container .navbar-header a.navbar-brand img {
	float: right;
	width: 75px;
	height: 75px;
}

@media (min-width: 768px) {
	header nav.navbar .container-fluid .container .navbar-header .icon_trigger a {}
	header nav.navbar .container-fluid .container .navbar-header .icon_trigger a#trigger {
		display: none;
	}
	header nav.navbar .container-fluid .container .navbar-header .icon_trigger a#trigger-desktop {
		margin-left: 300px;
	}
	header nav.navbar .container-fluid .container .navbar-header .icon_trigger a#trigger-desktop span {
		color: rgba(110, 113, 120, 1);
		text-decoration: underline;
	}
	header nav.navbar .container-fluid .container .navbar-header .icon_trigger a#trigger-desktop.menu-disabled span {
		text-decoration: none;
		color: #fff;
	}
							}

@media (max-width: 767px) {
	header nav.navbar .container-fluid .container .navbar-header .icon_trigger a {}
	header nav.navbar .container-fluid .container .navbar-header .icon_trigger a#trigger-desktop {
		display: none;
	}
							}

/* CONTENT */
#content_background {
	position: fixed;
	z-index: 1;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
}
#content_background .background_image {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height :100%;
}

#content {
	position: relative;
	z-index: 2;
	margin-bottom:60px;
}

#content .block.partners .images .image_content .image {
	background-color: rgba(110, 113, 120, 1);
	margin: 15px;
	width: calc(33% - 30px);
	display: table;
}

#content .block.partners .images .image_content .image a {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: auto;
	height: 130px;
}

#content .block.partners .images .image_content .image img {
	margin: 0 auto;
	width: auto;
	max-height: 100px;
}

#content iframe {
	border:0;
	width:100%;
	height:400px;
}

#content ul {
	margin-bottom:25px;
}

#content ul li {
	padding-left:12px;
}

#content aside, #content #main {
	padding-top: 25px;
	padding-bottom: 30px;
	background-color: rgba(0, 0, 0, 0.8);
}

#content aside ul.nav {
	margin-bottom:0;
}

#content aside ul.nav li {
	padding: 10px 10px 0px 10px;
}

#content aside ul.nav li a {
	display: inline-block;
	padding: 0;
	padding-bottom: 5px;
	font: 400 16px/20px 'Open Sans',sans-serif;
	color: white;
	text-decoration: none;
	border-bottom: 2px solid transparent
}

#content aside ul.nav li a:hover, #content aside ul.nav li a.active {
	border-bottom: 2px solid rgba(110, 113, 120, 1);
	background-color: transparent;
}

#content aside ul.nav li a:visited, #content aside ul.nav li a:focus {}

#content aside ul.nav .active a {
	font: 400 16px/20px 'Open Sans',sans-serif;
	color: white;
	border-bottom: 2px solid rgba(110, 113, 120, 1);
	background-color: transparent;
}

#content aside ul.nav li:last-child {
	padding-bottom: 0;
}

#content #main .block.image {
	padding-bottom: 30px;
}

#content #main .text .block_content ul {
	padding-left: 15px;
}

#content #main:empty {
	display: none;
}

@media (min-width: 768px) {
	#content {
		padding-left: 100px;
	}
	}

/* FOOTER */
footer {
	z-index: 2;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height:40px;
	background-color: rgba(0, 0, 0, 0.8);
}
footer p, footer a {
	margin:0;
	line-height:40px;
}
footer .copyright p {}
@media (min-width: 768px) {
	footer .copyright p {
		margin-left: 300px;
	}
			}

/* SPECIAL TEMPLATES */
body.home #content .inner #main {
	float: right;
	width: 40%;
}

/* RESPONSIVE DESIGN */
/* alle Phones */
@media (max-width: 767px) {
	.mp-menu ul li > a {
		font-size: 1.0em;
		background-color: black;
	}
	.mp-menu ul {
		background-color: black;
	}
	.mp-menu ul .glyphicon {
		position: static;
		float:right;
		padding-top:5px;
		color: white;
	}
	body {
		margin-bottom: 0;
	}
	header nav.navbar {
		top: 0;
	}
	header nav.navbar .container-fluid .container .navbar-header {
		padding-right: 5px;
	}
	header nav.navbar .container-fluid .container .navbar-header .icon_trigger {
		margin-top: 30px;
	}
	header nav.navbar .container-fluid .container .navbar-header .icon_trigger a {
		width: 40px;
		height: 35px;
		padding: 0;
		display: inline-block;
		margin: 0;
	}
	header nav.navbar .container-fluid .container .navbar-header a.navbar-brand {
		float: right;
		width: 105px;
		height: 105px;
	}
	header nav.navbar .container-fluid .container .navbar-header a.navbar-brand img {
		float: right;
		width: 75px;
		height: 75px;
	}
	header nav.navbar .container-fluid .container #main_nav {
		border: 0px;
		z-index: 5;
	}
	header nav.navbar .container-fluid .container #main_nav .col-xs-12 {
		width: 100%;
	}
	header nav.navbar .container-fluid .container #main_nav .col-xs-12 .row {
		margin: 0;
	}
	header nav.navbar .container-fluid .container #main_nav ul.navbar-nav {
		margin-top: 0;
		margin-bottom: 0;
		text-align: center;
		background: black;
	}
	header nav.navbar .container-fluid .container #main_nav ul.navbar-nav li {
		padding: 0px;
		border-top: 1px solid white;
	}
	header nav.navbar .container-fluid .container #main_nav ul.navbar-nav li a {
		padding: 15px;
	}
	header nav.navbar .container-fluid .container #main_nav ul.navbar-nav li a, header nav.navbar .container-fluid .container #main_nav ul.navbar-nav li span {
		margin: 0;
		border: 0;
		text-decoration: none
	}
	header nav.navbar .container-fluid .container #main_nav ul.navbar-nav li a:hover, header nav.navbar .container-fluid .container #main_nav ul.navbar-nav li a.active, header nav.navbar .container-fluid .container #main_nav ul.navbar-nav li span:hover, header nav.navbar .container-fluid .container #main_nav ul.navbar-nav li span.active {
		border: 0;
		text-decoration: underline;
	}
	header nav.navbar .container-fluid .container #main_nav ul.navbar-nav li a:visited, header nav.navbar .container-fluid .container #main_nav ul.navbar-nav li a:focus, header nav.navbar .container-fluid .container #main_nav ul.navbar-nav li span:visited, header nav.navbar .container-fluid .container #main_nav ul.navbar-nav li span:focus {
		border: 0;
		text-decoration: none;
	}
	header nav.navbar .container-fluid .container #main_nav ul.navbar-nav .active {
		border-bottom: 0;
	}
	header nav.navbar .container-fluid .container #main_nav ul.navbar-nav .active a {
		border: 0;
		text-decoration: underline;
	}
	#content_background .background_image {
		position: fixed;
		right: 0;
		left: 0;
		top: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		background-size:cover;
	}
	#content {
		position: relative !important;
		margin-top: 250px;
	}
	#content h1 {
		color: white;
		padding-left: 15px;
	}
	#content aside {
		display: none;
	}
	#content #main {
		margin-left: 5%;
		margin-right: 5%;
		width: 90%;
		background-color: #6e7178;
	}
	#content #main .block {
		padding-left: 0;
		padding-right: 0;
	}
	#content #main .headline .block_title h1 {
		padding-left: 0;
	}
	footer {
		height:auto;
	}
	footer .text-right, footer p, footer a {

		/* padding-right: 22px; */
		text-align: center;
	}
	body.home #content .inner #main {
		width: 92% !important;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	header nav.navbar .container-fluid .container #main_nav ul.navbar-nav li {
		padding: 40px 2%;
	}
	#content aside ul.nav li {
		padding-left: 0;
		padding-right: 0;
	}
	#content aside ul.nav li a {
		font-size: 14px;
	}
	#content aside ul.nav .active a {
		font-size: 14px;
	}
	body.home .inner #main {
		width: 62% !important;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	body.home .inner #main {
		width: 42% !important;
	}
}