/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0;
    background: #C00;
    color: #FFF;
    padding: .5em 0;
	text-align: center;
}
.chromeframe a {
	color: #FFF;
	text-decoration: underline;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

html {
	height: 100%;
	width: 100%;
}
body {
	height: 100%;
	width: 100%;
	min-width:320px;
	text-align: left;
	overflow-x: hidden;
}

html.overlayOpen body,
html.mainNavOpen body {
	height: 100%;
	max-height: 100%;
	overflow: hidden;
}
/* INHALTE */
.content {
	-webkit-transition: left .2s ease;
	transition: left .2s ease;
	left: 0;
	min-height: 100%;
	position: relative;
}

html.mainNavOpen .content {
	-webkit-transition: left .2s ease .1s;
	transition: left .2s ease .1s;
	left: 160px;
}
.content .section {
	min-height: 100%;
	min-height: 100vh;
	z-index: 0;
	position: relative;
	padding-bottom: 0;
	-webkit-display: flex;
	-ms-display: flex;
	display: flex;
	-webkit- align-items: stretch;
	-ms-align-items: stretch;
    align-items: stretch;
}
.content > .section + .section {
	margin-top: 0%;
}
.content .darkSection {
	color: #FFF;
	background: #B90015 url('../img/geometric_dark_red.jpg') repeat-y 50% 0%;
	background-size: 100% auto;
}
.content .lightGreySection {
	background: #BFBFBF url('../img/geometric_light_grey.jpg') repeat-y 50% 0%;
	background-size: 100% auto;
}
.content .blueSection {
	color: #FFF;
	background: #B90015 url('../img/geometric_dark_blue.jpg') no-repeat 50% 50%;
	background-size: cover;
	text-align: center;
}
.content .projectTeaserSection {
	min-height: 300px;
	height: 70%;
	height: 70vh;
	background: #000;
}
.content .projectTeaserSection .teaser {
	height: 100%;
}
.content .contentSection {
	z-index: 1;
	position: relative;
	min-height: 90%;
	min-height: 90vh;
}
.content .sectionHalfHeight {
	min-height: 50%;
	min-height: 50vh;
}
.content .sectionFreeHeight {
	min-height: 0;
	display: block;
}
.content .sectionFreeHeight:last-child {
	padding-top: 60px;
	padding-bottom: 60px;
}
.content .contentSection:before,
.content .contentSection:after {
	-webkit-transform-origin: 0% 0%;
	-ms-transform-origin: 0% 0%;
	transform-origin: 0% 0%;
	content: '';
	background: #FFF;
	display: block;
	width: 100%;
	z-index: -1;
	box-shadow: 0 0 20px rgba(0,0,0,.5);
	position: absolute;
	left: 0;
}
.content .contentSection:before {
	-webkit-transform: skewY(-2deg);
	-ms-transform: skewY(-2deg);
	transform: skewY(-2deg);
	top: 0;
	height: 50%;
}
.content .contentSection:after {
	-webkit-transform: skewY(2deg);
	-ms-transform: skewY(2deg);
	transform: skewY(2deg);
	bottom: 0;
	height: 50%;
}
.content .contentSection + .contentSection {
	padding-top: 0;
}
.content .contentSection:first-child:before,
.content .contentSection:last-child:after,
.content .contentSection + .contentSection:before {
	display: none;
}
	
.content .section .sectionInner {
	min-height: 100%;
	width: 100%;
	-webkit-display: flex;
	-ms-display: flex;
	display: flex;
	-webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	overflow-x: hidden;
}
.content .contentSection .sectionInner {
	background: #FFF;
}
.content .bookSection .sectionInner,
.content .bookSection {
	display: block;
}
.content .bookSection.onePageSection {
	height: 100vh !important;
	min-height: auto !important;
}
.content .bookSection.onePageSection .sectionInner {
	height: 100%;
	overflow: hidden;
	min-height: auto !important;
}
.content .bookSection.onePageSection .sectionInner .list {
	height: 100%;
	overflow: visible;
	padding-bottom: 0;
}
.disabled-onepage-scroll .content .bookSection.onePageSection {
	min-height: 100%;
}
.disabled-onepage-scroll .content .bookSection.onePageSection,
.disabled-onepage-scroll .content .bookSection.onePageSection .sectionInner,
.disabled-onepage-scroll .content .bookSection.onePageSection .sectionInner .list {
	height: auto !important;
}


@media only screen and (min-width: 720px) {
	html.mainNavOpen #content {
		left: 200px;
	}
	.content .projectTeaserSection {
		min-height: 400px;
	}
}
@media only screen and (min-height: 640px) {
	.content .section:first-child {
		min-height: calc(100vh - 60px);	
	}
	.content .sectionFreeHeight {
		padding-top: 120px !important;
	}
	.content .sectionFreeHeight:last-child {
		padding-bottom: 120px;
	}
}

/* HEADER */
#header {
	position: fixed;
	z-index: 11;
	background-color: transparent;
	color: #293133;
}
#header:before,
#header:after {
	position: absolute;
	content: '';
	display: block;
	z-index: -1;
	pointer-events: none;
}
#header:before {
	opacity: 1;
	bottom: -1.667em;
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,.67) 50,rgba(255,255,255,0) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,.67) 50%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,.67) 50%,rgba(255,255,255,0) 100%);
}
#header:after {
	opacity: 0;
	bottom: -3.333em;
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%);
	background: -ms-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%);
}
#header,
#header:before,
#header:after {
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	width: 100%;
	left: 0;
	top: 0;
}
#header.fixedShow {
	color: #FFF;
}
#header.fixedShow:before {
	opacity: 0;
}
#header.fixedShow:after {
	opacity: 1;
}
#logo {
	margin-top: 15px;
	margin-right: 15px;
	float: right;
	background-position: -293px -65px;
	height: 30px;
	width: 170px;
}
#header.fixedShow #logo {
	background-position: -485px -65px;
}

#scrollDownHint {
	display: block;
	position: fixed;
	bottom: 10px;
	left: 50%;
	z-index: 5;
	text-align: center;
	width: 200px;
	margin-left: -100px;
	cursor: pointer;
	font-size: .833em;
}
.modul_start #scrollDownHint {
	display: none;
}

#scrollDownHint .sprt {
	display: block;
	margin: 0 auto;
	animation: downwardsSprt 1s 0s linear infinite;
}
#scrollDownHint:hover .sprt {
	  animation-fill-mode: backwards;
	  animation-iteration-count: 0;
}
@keyframes downwardsSprt {
    0% {
        transform: translateY(0%);
		opacity: 1;
    }
	50% {
        transform: translateY(50%);
		opacity: 1;
    }
    100% {
        transform: translateY(100%);
		opacity: 0;
    }
}


#breadcrumb {
	font-size: 1.333em;
	line-height: 30px;
	top: 15px;
	display: none;
	position: relative;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
html.mainNavOpen #breadcrumb {
	opacity: 0;
}
#breadcrumb span {
	color: #e0e1e1;
	
}
#breadcrumb a {
	text-decoration: none;
	position: relative;
	font-weight: 300;
}
#breadcrumb a:last-child {
	font-weight: bold;
}
#breadcrumb a:after {
	content: '';
	height: 3px;
	display: block;
	width: 0%;
	position: absolute;
	left: 50%;
	bottom: -3px;
	background: #E2001A;
	-webkit-transition: width .3s, left .3s;
	transition: width .3s, left .3s;
}
#breadcrumb a:hover:after {
	width: 100%;
	left: 0;
}

@media only screen and (min-height: 640px) {
	.modul_start #scrollDownHint {
		display: block;
	}
}

@media only screen and (min-width: 560px) {
	#logo {
		margin-top: 10px;
		background-position: -170px -12px;
		height: 40px;
		width: 300px;
	}
	#header.fixedShow #logo {
		background-position: -490px -12px;
	}
}

@media only screen and (min-width: 720px) {
	#breadcrumb {
		top: 30px;
		display: inline;
	}
	#logo {
		margin-top: 30px;
		margin-right: 30px;
	}
}


/* MAIN NAVIGATION */
#mainNavTrigger {
	text-align: left;
	font-size: 15px;
	margin: 0;
	padding: 15px;
	height: 60px;
	border: none;
	position: relative;
	z-index: 15;
	-webkit-transition: color .3s ease;
	transition: color .3s ease;
	display: block;
	float: left;
}
#mainNavTrigger .line,
#mainNavTrigger .line:before,
#mainNavTrigger .line:after {
	background: #E2001A;
	display: block;
	height: 4px;
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
}
#mainNavTrigger .line {
	width: 20px;
	position: relative;
	margin-right: 10px;
	margin-top: 13px;
	float: left;
	line-height: 30px;
}
#mainNavTrigger .line:before,
#mainNavTrigger .line:after {
	content: '';
	position: absolute;
	left: 0;
}
#mainNavTrigger .line:before {
	width: 150%;
	top: -12px;
    -webkit-transform-origin: 0% 0%;
	-ms-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
}
#mainNavTrigger .line:after {
	width: 125%;
	bottom: -12px;
	-webkit-transform-origin: 0% 100%;
	-ms-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
}

#mainNavTrigger .on,
#mainNavTrigger .off {
	display: inline-block;
	position: relative;
	padding-left: 15px;
	line-height: 30px;
}
#mainNavTrigger .off {
	display: none;
}

#mainNavTrigger:hover .line {
	width: 30px;
	margin-right: 0;
}
#mainNavTrigger:hover .line:before,
#mainNavTrigger:hover .line:after {
	width: 100%;
}
#mainNavTrigger.nav-aktiv {
	color: #FFF;
}
#mainNavTrigger.nav-aktiv .on,
#mainNavTrigger.nav-aktiv .off {
	
}
#mainNavTrigger.nav-aktiv .on {
	display: none;
}
#mainNavTrigger.nav-aktiv .off {
	display: inline-block;
}
#mainNavTrigger.nav-aktiv .line {
	background: none;
	width: 20px;
	margin-right: 10px;
}
#mainNavTrigger.nav-aktiv .line:before {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	background-color: #FFF;
	left: 5px;
	top: -10px;
	width: 150%;
}
#mainNavTrigger.nav-aktiv .line:after {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	background-color: #FFF;
	left: 5px;
	bottom: -10px;
	width: 150%;
}

#navMainWrap {
	position: fixed;
	right: 100%;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	-webkit-transition: right 0s linear .3s;
	transition: right 0s linear .3s;
}
#navMainWrap.navShow {
	right: 0;
	-webkit-transition: right 0s linear 0s;
	transition: right 0s linear 0s;
}
#navMainWrap:before {
	content: '';
	display: block;
	background: #293133;
	background: rgba(41,49,51,.5);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	opacity: 0;
	-webkit-transition: opacity .3s ease;
	transition: opacity .3s ease;
}
#navMainWrap.navShow:before {
	opacity: 1;
}
#navMainWrap > nav {
	width: 320px;
	overflow: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: -320px;
	height: 100%;
	color: #FFF;
	-webkit-transition: left .3s ease;
	transition: left .3s ease;
}
#navMainWrap.navShow > nav {
	left: 0;
}
#navMainWrap > nav:after {
	content: '';
	display: block;
	background: #b90015;
	background: -webkit-linear-gradient(-45deg, rgba(185,0,21,1) 0%,rgba(92,0,10,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(-45deg, rgba(185,0,21,1) 0%,rgba(92,0,10,1) 100%); /* IE10+ */
	background: linear-gradient(135deg, rgba(185,0,21,1) 0%,rgba(92,0,10,1) 100%); /* W3C */
	box-shadow: 0 0 15px 4px rgba(0,0,0,.35);
	position: absolute;
	top: 0;
	right: 15px;
	bottom: 0;
	width: 100%;
	z-index: -1;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	-webkit-transform-origin: 100% 100%;
	-ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
	border-bottom: 60px solid #4A0008;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transform: skewX(7deg);
	-ms-transform: skewX(7deg);
	transform: skewX(7deg);
}
#navMainWrap.navShow > nav:after {
	-webkit-transform: skewX(2deg);
	-ms-transform: skewX(2deg);
	transform: skewX(2deg);
}
#navMain {
	overflow: auto;
	padding:90px 75px 0 15px;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 60px;
}

#navMain li {
	position: relative;

}
#navStd,
#navMain li {
	left: -10%;
	opacity: 0;
}
#navMainWrap.navShow #navStd,
#navMainWrap.navShow #navMain li {
	left: 0;
	opacity: 1;
	-webkit-transition: left .3s, opacity .3s;
	transition: left .3s, opacity .3s;
}
#navMain li + li {
	margin: 1.5em 0;
}
#navMainWrap.navShow #navStd,
#navMainWrap.navShow #navMain li:nth-child(1) {
	-webkit-transition-delay: .3s;
	transition-delay: .3s;
}
#navMainWrap.navShow #navMain li:nth-child(2) {
	-webkit-transition-delay: .35s;
	transition-delay: .35s;
}
#navMainWrap.navShow #navMain li:nth-child(3) {
	-webkit-transition-delay: .4s;
	transition-delay: .4s;
}
#navMainWrap.navShow #navMain li:nth-child(4) {
	-webkit-transition-delay: .45s;
	transition-delay: .45s;
}
#navMainWrap.navShow #navMain li:nth-child(5) {
	-webkit-transition-delay: .5s;
	transition-delay: .5s;
}
#navMainWrap.navShow #navMain li:nth-child(6) {
	-webkit-transition-delay: .55s;
	transition-delay: .55s;
}
#navMainWrap.navShow #navMain li:nth-child(7) {
	-webkit-transition-delay: .6s;
	transition-delay: .6s;
}
#navMainWrap.navShow #navMain li:nth-child(8) {
	-webkit-transition-delay: .65s;
	transition-delay: .65s;
}
#navMainWrap.navShow #navMain li:nth-child(9) {
	-webkit-transition-delay: .7;
	transition-delay: .7;
}
#navMainWrap.navShow #navMain li:nth-child(10) {
	-webkit-transition-delay: .75;
	transition-delay: .75;
}

#navMain a {
	text-decoration: none;
	position: relative;
	-webkit-transition: all .3s;
	transition: all .3s;
	left: 0;
}
#navMain a:hover {
	left: 5%;
}

#navMain a strong {
	font-weight: 300;
	display: block;
	font-size: 1.5em;
}
#navMain a strong:before {
	content: '/';
	color: #e2001a;
	font-weight: bold;
	width: .5em;
	display: inline-block;
}
#navMain a .subtitle {
	font-size: .778em;
	display: block;
	padding-left: 1.321em;
}

#navStd {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 60px;
	padding: 0 45px 0 15px;
	text-align: left;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	align-content: center;
}
#navStd li {
	display: inline-block;
	padding-right: 20px;
}
#navStd li:last-child {
	padding-right: 0;
}
#navStd a,
#navStd .a {
	font-size: .778em;
	line-height: 20px;
	text-decoration: none;
	position: relative;
}

#navStd a:after,
#navStd .a:after {
	content: '';
	height: 3px;
	display: block;
	width: 0%;
	position: absolute;
	left: 50%;
	bottom: -3px;
	background: #FFF;
	-webkit-transition: width .3s, left .3s;
	transition: width .3s, left .3s;
}
#navStd a:hover:after,
#navStd .a:hover:after {
	width: 100%;
	left: 0;
}


@media only screen and (min-height: 720px) {
	#navMainWrap > nav:after {
		border-bottom-width: 90px;
	}
	#navMain {
		padding-top: 120px;
		bottom: 90px;
	}
	#navMain a strong {
		font-size: 2em;
	}
	#navStd {
		height: 90px;
	}
	#navStd a,
	#navStd .a {
		line-height: 30px;
	}
}

@media only screen and (min-width: 720px) {
	#mainNavTrigger {
		padding: 30px;
		height: 90px;
	}
	#navMainWrap > nav {
		width: 400px;
		left: -400px;
	}
	#navStd,
	#navMain {
		padding-left: 30px;
	}
}

/* TEASER */
#teaserWrap {
	background: #000;
}
#teaserWrap,
#teaser {
	height: 100%;
}
#teaser {
	margin: 0;
	padding: 0;
	height: 100%;
	position: relative;
}
#teaserWrap > #teaser {
	position: absolute;
}
.teaser {
	overflow: hidden;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}
.teaser li,
.teaser li:after {
	position: absolute !important;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	z-index: 0;
	padding: 0 !important;
	margin: 0;
}
.teaser li:before {
	display: none !important;
}
.teaser li {
	z-index: 0;
}
.teaser li:after {
	content: '';
	display: block;
	background: rgba(41,49,51,.5);
}
.teaser li:first-child {
	z-index: 1;
}
.teaser .imgAtCenter {
	background-position: 50% 50%;	
}
.teaser .backgroundCover {
	background-size: cover;
}
.teaser .backgroundContain {
	background-size: contain;
}
.teaser .teaserItemTitle {
    border: medium none;
    border-collapse: separate;
    border-spacing: 0;
    bottom: 0;
    display: table;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
	height: 100%;
	padding: 30px 15px 50px;
	z-index: 1;
	text-rendering: optimizeLegibility;
	text-shadow: 0 0 20px rgba(0,0,20,0.25);
}
.teaser .teaserItemTitleContent {
	display: table-cell;
}
.teaser .teaserItemTitleContent > *:first-child {
	margin-top: 0;
}
.teaser .teaserItemTitleContent > *:last-child {
	margin-bottom: 0;
}

.teaser .teaserItemTitleContent h1:after,
.teaser .teaserItemTitleContent .h1:after {
	content: '—';
	color: #E2001A;
	position: relative;
	top: .2em;
	font-size: .75em;
	font-weight: 700;
	padding-left: .5em;
}
.teaser .txtAtRight .teaserItemTitleContent {
	text-align: right;
	vertical-align: middle;
}
.teaser .txtAtLeft .teaserItemTitleContent {
	text-align: left;
	vertical-align: middle;
}
.teaser .txtAtTop .teaserItemTitleContent {
	text-align: center;
	vertical-align: top;
}
.teaser .txtAtTopLeft .teaserItemTitleContent {
	text-align: left;
	vertical-align: top;
}
.teaser .txtAtTopRight .teaserItemTitleContent {
	text-align: right;
	vertical-align: top;
}
.teaser .txtAtBottom .teaserItemTitleContent {
	text-align: center;
	vertical-align: bottom;
}
.teaser .txtAtBottomLeft .teaserItemTitleContent {
	text-align: left;
	vertical-align: bottom;
}
.teaser .txtAtBottomRight .teaserItemTitleContent {
	text-align: right;
	vertical-align: bottom;
}
.teaser .txtAtCenter .teaserItemTitleContent {
	text-align: center;
	vertical-align: middle;
}

.teaser video {
	object-fit: cover;
	height: 100vh;
	width: 100%;

	left: 50%;
	position: relative;
	transform: translateX(-50%);
}

@media only screen and (min-height: 640px) {
	.teaser .teaserItemTitle {
		padding-top: 90px;
		padding-bottom: 90px;
	}
	#teaserWrap {
		height: calc(100% - 60px);	
	}
	#teaserWrap + .section {
		padding: 60px 0;
	}
}

@media only screen and (min-width: 720px) {
	.teaser .teaserItemTitle {
		padding-left: 8.333%;
		padding-right: 8.333%;
	}
	.teaser .teaserItemTitleContent h1:after,
	.teaser .teaserItemTitleContent .h1:after {
		font-weight: 400;
	}
	.projectTeaserSection .teaser .txtAtTopLeft .teaserItemTitleContent,
	.projectTeaserSection .teaser .txtAtLeft .teaserItemTitleContent,
	.projectTeaserSection .teaser .txtAtBottomLeft .teaserItemTitleContent,
	.teaser .txtAtTopLeft .teaserItemTitleContent,
	.teaser .txtAtLeft .teaserItemTitleContent,
	.teaser .txtAtBottomLeft .teaserItemTitleContent {
		padding-right: 25%;
	}
	.projectTeaserSection .teaser .txtAtTopRight .teaserItemTitleContent,
	.projectTeaserSection .teaser .txtAtRight .teaserItemTitleContent,
	.projectTeaserSection .teaser .txtAtBottomRight .teaserItemTitleContent,
	.teaser .txtAtTopRight .teaserItemTitleContent,
	.teaser .txtAtRight .teaserItemTitleContent,
	.teaser .txtAtBottomRight .teaserItemTitleContent {
		padding-left: 25%;
	}
}
@media only screen and (min-width: 960px) {
	.teaser .teaserItemTitle {
		padding: 120px;
	}
}

/* ==========================================================================
   external Scripts/Functions
   ========================================================================== */

/*! Swipebox v1.2.9 | Constantin Saguin csag.co | MIT License | github.com/brutaldesign/swipebox */
html.swipebox-html.swipebox-touch{overflow:hidden!important}#swipebox-overlay img{border:none!important}#swipebox-overlay{width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999!important;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#swipebox-slider{height:100%;left:0;top:0;width:100%;white-space:nowrap;position:absolute;display:none}#swipebox-slider .slide{height:100%;width:100%;line-height:1px;text-align:center;display:inline-block;padding:50px 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}#swipebox-slider .slide-loading{background:url('../img/preloader_301_dark.gif') no-repeat center center;}#swipebox-slider .slide:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}#swipebox-slider .slide .swipebox-video-container,#swipebox-slider .slide img{display:inline-block;max-height:100%;max-width:100%;margin:0;padding:0;width:auto;height:auto;vertical-align:middle}#swipebox-slider .slide .swipebox-video-container{background:0 0;max-width:1140px;max-height:100%;width:100%;padding:5%;margin:0 auto;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}#swipebox-slider .slide .swipebox-video-container .swipebox-video{width:100%;height:0;padding-bottom:56.25%;overflow:hidden;position:relative}#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe{width:100%!important;height:100%!important;position:absolute;top:0;left:0}#swipebox-action,#swipebox-caption{position:absolute;left:0;z-index:999;height:50px;width:100%}#swipebox-action{bottom:-50px}#swipebox-action.visible-bars{-ms-transform:translateY(-50px);-webkit-transform:translateY(-50px);transform:translateY(-50px)}#swipebox-action #swipebox-close,#swipebox-action #swipebox-next,#swipebox-action #swipebox-prev,#swipebox-action #swipebox-zoomin,#swipebox-action #swipebox-zoomout{background-image:url(../img/Swipebox/icons.png);background-repeat:no-repeat;border:none!important;text-decoration:none!important;cursor:pointer;position:absolute;width:50px;height:50px;top:0}#swipebox-action #swipebox-prev{background-position:-55px 9px;right:100px}#swipebox-action #swipebox-zoomin{background-position:-183px 9px;left:100px}#swipebox-action #swipebox-zoomout{background-position:-247px 9px;left:100px}#swipebox-action #swipebox-next{background-position:-119px 9px;right:40px}#swipebox-action #swipebox-close{background-position:9px 9px;left:40px}#swipebox-action #swipebox-next.disabled,#swipebox-action #swipebox-prev.disabled,#swipebox-action #swipebox-zoomin.disabled,#swipebox-action #swipebox-zoomout.disabled{opacity:.3;cursor:default;}
#swipebox-caption{
	top:-50px;
	color: #FFF;
	text-align:center;
	background: #b90015;
	background: -webkit-linear-gradient(-45deg, rgba(185,0,21,1) 0%,rgba(92,0,10,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(-45deg, rgba(185,0,21,1) 0%,rgba(92,0,10,1) 100%); /* IE10+ */
	background: linear-gradient(135deg, rgba(185,0,21,1) 0%,rgba(92,0,10,1) 100%); /* W3C */
	border-bottom: #4A0008;
	border-bottom:2px solid #4A0008;
	display:table;
}
#swipebox-caption.visible-bars{-ms-transform:translateY(50px);-webkit-transform:translateY(50px);transform:translateY(50px)}#swipebox-slider.rightSpring{-webkit-animation:rightSpring .3s;animation:rightSpring .3s}#swipebox-slider.leftSpring{-webkit-animation:leftSpring .3s;animation:leftSpring .3s}@-webkit-keyframes rightSpring{0%{margin-left:0}50%{margin-left:-30px}100%{margin-left:0}}@keyframes rightSpring{0%{margin-left:0}50%{margin-left:-30px}100%{margin-left:0}}@-webkit-keyframes leftSpring{0%{margin-left:0}50%{margin-left:30px}100%{margin-left:0}}@keyframes leftSpring{0%{margin-left:0}50%{margin-left:30px}100%{margin-left:0}}@media screen and (max-width:800px){#swipebox-action #swipebox-close{left:0}#swipebox-action #swipebox-zoomin{left:60px;}#swipebox-action #swipebox-zoomout{left:60px;}#swipebox-action #swipebox-prev{right:60px}#swipebox-action #swipebox-next{right:0}}#swipebox-overlay{background:#FFF;background:rgba(255,255,255,.95)}#swipebox-action,#swipebox-caption{box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);}#swipebox-action{background:#FFF; border-top:2px solid #FAFAFA}#swipebox-caption-inner{height:100%;width:100%;font-size:1em;line-height:1.2;text-align:center;vertical-align:middle;display:table-cell;}

html.swipebox-html body {
	height: auto;
}

/* jQuery Carousel version 0.1.6 by Michael Lehmann */
.vc_carousel {
	position:relative;
	margin:0;
	padding:0;
	list-style:none;
	visibility:visible !important;
}
.vc_carousel_container {
	position:relative;
	height: 100%;
	width: 100%;
}
.vc_carousel_control {
	position:absolute;
	text-align: center;
	width: 100%;
	overflow: hidden;
	bottom: 0;
	margin-bottom: 2%;
	z-index: 2;
}
.vc_carousel_item {
	display: block;
    left: 0;
    position: absolute;
    top: 0;
	width:100%;
}
.vc_carousel_item_dragable {
	cursor:w-resize;
}
.vc_carousel_button {
	margin:0;
	padding:0;
	border:none;
	cursor:pointer;
	display:block;
	z-index:2;
	vertical-align: bottom;
}
.vc_carousel_pages {
	padding: 0;
	display: inline-block;
	vertical-align: bottom;
}
.vc_carousel_pages .vc_carousel_button {
	float:left;
}

.vc_carousel_button .sprt {
	width:32px;
	height:32px;
	display: block;
}
.vc_carousel_page .sprt {
	background-position: -128px -96px;
}
.vc_carousel_next .sprt {
	background-position: -64px -64px;
}
.vc_carousel_prev .sprt {
	background-position: 0 -64px;
}
.vc_carousel_page.aktiv .sprt {
	background-position: -128px -64px;
}
.vc_carousel_next,
.vc_carousel_prev {
	display: none;
	position: absolute;
	top: 50%;
	margin-top: -32px;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.vc_carousel_next:after,
.vc_carousel_prev:after {
	content: '';
	height: 3px;
	width: 0%;
	display: block;
	background: #E2001A;
	position: absolute;
	bottom: 0;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.vc_carousel_next:after {
	left: 25%;
}
.vc_carousel_prev:after {
	right: 25%;
}
.vc_carousel_next.disabled,
.vc_carousel_prev.disabled {
	-webkit-transition: none;
	transition:none;
	cursor: auto;
	opacity: .5;
}
.vc_carousel_next.disabled {
	right: 30px !important;
}
.vc_carousel_prev.disabled {
	left: 30px !important;
}
.vc_carousel_next.disabled:after,
.vc_carousel_prev.disabled:after {
	display: none;
}
.vc_carousel_next,
.vc_carousel_prev,
.vc_carousel_next .sprt,
.vc_carousel_prev .sprt {
	width: 64px;
	height: 64px;
}
.vc_carousel_next {
	right: 13px;
}
.vc_carousel_prev {
	left: 13px;
}
.vc_carousel_next:hover {
	right: 8px;
}
.vc_carousel_prev:hover {
	left: 8px;
}
.vc_carousel_next:hover:after,
.vc_carousel_prev:hover:after {
	width: 50%;
}

.vc_carousel_title {
	position:absolute;
	text-align:left;
	z-index:3;
	color: #FFF;
	width: 50%;
	max-width: 100%;
	display: block;
	-webkit-transition: transform 2s ease-in-out;
	transition: transform 2s ease-in-out;
	-webkit-transform: translateX(0%);
	transform: translateX(0%);
}
.vc_carousel_title.imgLabelOverlay {
	padding-right: 70px;	
	min-height: 65px;
}
.vc_carousel_title * {
	color: #FFF;
}
.vc_carousel_title .btnLook * {
	color: inherit;
}
a.vc_carousel_title:hover {
	text-decoration: none;
}

.vc_carousel_title .teaserItemTitleContent {
	padding: 0;
}

.vc_carousel_title.titleIn {
	-webkit-transition: none !important;
	transition: none !important;
}
.next .vc_carousel_title.titleIn {
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
}
.prev .vc_carousel_title.titleIn {
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
}
.next .vc_carousel_title.titleOut {
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
}
.prev .vc_carousel_title.titleOut {
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
}

@media only screen and (min-height: 640px) {
	.vc_carousel_control {
		bottom: 10px;
	}
}

@media only screen and (min-width: 720px) {
	.vc_carousel_next,
	.vc_carousel_prev {
		display: block;
	}
	.next .vc_carousel_title.titleIn {
		-webkit-transform: translateX(50%);
		transform: translateX(50%);
	}
	.prev .vc_carousel_title.titleIn {
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.next .vc_carousel_title.titleOut {
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.prev .vc_carousel_title.titleOut {
		-webkit-transform: translateX(50%);
		transform: translateX(50%);
	}
}

/* VisionContent Slider */
.vcSlider_stageOuter {
	background: #fbfbfb;
	padding: 30px 0;
	margin: 1em -15px;
	overflow: hidden;
}
.vcSlider_stage {
	margin: 0 15px;
	height: 500px;
	height: 50vh;
	position: relative;
}
.vcSlider_itemContainer {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
}
.vcSlider_itemContainer.vcSlider_hidden {
	visibility: hidden;
}
.vcSlider_item {
	position: relative;
	margin: 0 15px;
	padding: 0;
	float: left;
	display: block;
	opacity: .5;
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
}
.vcSlider_block {
	margin: 0;
	padding: 0;
	float: left;
}
.vcSlider_itemActive {
	opacity: 1;
}
.vcSlider_pager {
	text-align: center;
	margin-bottom: -30px;
}
.vcSlider_pageNum {
	padding: 9px;
	display: inline-block;
}
.vcSlider_pageNum span {
	border: 2px solid #293133;
	height: 12px;
	width: 12px;
	background-color: transparent;
	display: block;
	text-indent: -999em;
	text-align: left;
	overflow: hidden;
	border-radius: 50%;
}
.vcSlider_pageNum.vcSlider_pageActive span,
.vcSlider_pageNum:hover span {
	background-color: #293133;
}
.vcSlider_titleWrap {
	min-height: 30px;
	padding: 5px 0;
	display: block;
	overflow: hidden;
	margin: 30px 15px 0;
}
.vcSlider_title {
	overflow: hidden;
	display: block;
	text-align: center;
	font-weight: normal;
}

@media only screen and (min-width: 720px) {
	.vcSlider_stageOuter {
		margin-left: -10%;
		margin-right: -10%;
	}
	.vcSlider_titleWrap,
	.vcSlider_stage {
		margin-left: 8.333%;
		margin-right: 8.333%;
	}
}

@media only screen and (min-width: 960px) {
	.vcSlider_stageOuter {
		margin-left: -25%;
		margin-right: -25%;
	}
	.vcSlider_titleWrap,
	.vcSlider_stage {
		margin-left: 16.667%;
		margin-right: 16.667%;
	}
}

/* PRELOADER */
.vc_preloader,
.vc_preloadOverlay {
	z-index: 1000;
	overflow: hidden;
	display: none;
}
.vc_preloadOverlay {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: #FFF;
}
.vc_preloader {
	position: absolute;
	width: 256px;
	height: 116px;
	left: 50%;
	top: 50%;
	margin-top: -58px;
	margin-left: -128px;
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAAAgCAMAAADKd1bWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAGNQTFRF4gAa+L/G8H+MhoiJ4eHhwsPEpKan6UBT/e/x0dLT9J+p8PDw9/j45BAo+9/ijo+QrK2utLW16OnpnZ6fu7y97WBwysvL+s/U5zBF2dra5iA39q+361BilZeY8o+a73B/////xz54DwAAACF0Uk5T//////////////////////////////////////////8An8HQIQAABmtJREFUeNrsmemSmzAMgA0+wJjLnCFA4vd/ykq2Mc6x3f7obHem65luUFAs+bMkC0rMy+gYU+Zbj5Ix9rfmIk+y0k3Lebvz77t82e8DH/b27zAgSR2LA23t7nd938FHnuTHnXlGMchzMocrP0N0t8arJ9HvnToDzW5leZDH9TA/Io9gVj/8z/pmshcTHZx5P+bIcB1+jIbzIt2ytMidevApseqEpJE1TfXh6d6Aqwk59E2WoUhuXqxI5icixxXcvfiFpvi7J9EORkNoCYoi7T0BDqKhfjRnAMKsflQrrr9puiMSrLNZuJ/lwXCVHz8GsajgHqrdc1R3d26kKqz6A4CJinDN8PoVwNVJRVj2SDavlJBAxflxOQj8BkBD2xiAtgEg9+NbnHV0OwzrgI3d6WLOGZawojzZyPhiGP2vycVanzdyOdTzkVxm8wqgoVHw9SC8ABhJYaVrlWU+ALK8yry1dEQnAoD0TrbPAPAj6BwAHkJxCgAOB1eYRdL+9HBBIQtV7JoFw4UngP7fyOoV7oVXry9ky80rANiPh3LAXwGsbrHglQcwgoZfH7q6OQLeDzNG4gcA4FO/Aiib/S2ANoAxNmPUCcDuw5NhB2CMfoLqa3Vk8gsAEalykGDLUz+uFkByJxg6G8kdgBqDPq+uh6v5xYbI4QfYu38GoOypfAFg7z4AmG0KiDhGbZBmxPl3r3Cng2FHwKZARa5jevNFGwCkkMj5HwFoowpkcx7mq3Fi/OMAjHZpqV21ddURCH5E4kcAoN4igScAnL4tgu8AvBZBXNIF0dsIru8XpzDWCABKwehT8xmAihPsfQoksOTaYBhYALWrei4E3F7N1ZEUVsyvQOD3AKCyw0I+joAMN7hymaxttJwpcNaAOcUaFxlG9MH/OlnTCx4OwGs0R6a+FEFBVYxXvQMAy7TZZgGMAX8RgnWuqvn0A4HMJ4DOHd6PAOzZ9kkNKBxqFs5pWwTbuAjitkSG84oUkf8+EzMbrEAnfQcgcg9MDeYdAJNVN5wEZThhfIXAEDiydSXVdvqBQLZzmrAwhfl2BISkTft0CvCnGrC5Tx3tUYutSgwgDj2L/oZF8OhGAGIRTs1Qqx4bIRlSrNy1eQ+gcM0AymO4ndp4S0OTEPlxiKHVtJ2P6vEQDxkhKY0AsDb0R2FWyCWcpBQhTWUjTQRgrSDCYwBmtoZH3weYBKtoyJiKHI1QXOVM17ocU2IyHwAwV3uIgDwffY+rAueBlT4AQAJnJLaUikH31AbbWRI4jTtBqkvzfAzOvnZzR9BMojMPnWAVV9/IMFb9LMuuViHwwky1ANIwXIvT4bSldEbqNDwpFMUhrmnu5CSdw7qKtK7TsMwbKp5ikUYPHEwLGIP1XvFQ1CdEwd2QUSk6Z139lXOOdcfcfqzoVfJoeLWGa2haYNxqqx7IpjdUJ+Y/Hz8AfgD8APgB8APgB8C/fcfbCvHmaybfar9/W5vWb79WYY4OegepvicA3ir25wDoB+92337NAlnBvgmAYYI2cDFy0qJjsPXScCG4/dt2poObHPpx6BRLORinILXGn+C3oGIBQBNn0hQ7znzMsjE35J5lm4OAMy1GwW94CQCwYZZyaHohoft0Zgb8KK3AvhqA6GH1DeOUs45OJds505p1vO/KqVG4+p4JXXbtwgWDh39Q4M0E9wyfylK3DkByhacPePa5rtlY1+PFkG3OC3xpalijSinKZihV3wIAfLzjvOsnpgQbvJmela1muyqn/ssBYLQPmsOjEMfnTSnAPfh6h71v+NBgNEyNGGTJhVfgwkY+a3fYRp8C16LItqK4GnKBLp/MNgVG7PPV3re8Y7194g4ArF0gitZ7iQIXquk1V18OAN9qDwMuehIRgBbfhqtOsamfVAl/9ROAksIzEDsAFNmlWC9ZYUiBb8zzE4BRbBmo3O17Fg9gOAA0aL1fHIDSan45gGZivFG4aNVoJsElvF4aDmnRNe2y9FAlFkgD3KKBTc3iACgq2bAfAExV4bt5Y+7XItkgEKpbMlaYAjiTpBj+sh8AQK8ZvtwTkGcCLEvW9qUDMKErXw9Aws4qY//3S/F2YMZdswG/LietJ/zbQnmQoCBAwR4H3Cy6haUdx+C6un+mGLdbDsfgPfNHIQMDDOZotcRjUHE9Lcx0Gogoswwwsz0OYCqr+U9qwP/cCHXlNwPwS4ABAEQBMCGi5gb/AAAAAElFTkSuQmCC') no-repeat center top;
	text-align: center;
	font-weight: 300;
}

.js .vc_preloader,
.js .vc_preloadOverlay {
	display:block;
}

.vc_preloader span {
	display: inline-block;
	padding-top: 66px;
}
.vc_preloader .vc_preloader_info {
	font-weight: bold;
	padding-right: 5px;
}


/*
	Overlay
	*/
.vcModal,
.vcModalOverlay {
	transition: height 0s .3s, opacity .3s;
	pointer-events: none;
	position: fixed;
	height: 0;
	width: 100%;
	opacity: 0;
	left: 0;
	top: 0;
	z-index: 1000;
}
.vcModal {
	overflow: auto;
}
.vcModalOverlay {
	background: #fff;
	background: rgba(255,255,255,.75);
	position: fixed;
	display: block;
}


.vcModal .modalMsg {
	display: table;
	padding: 30px 30px 20px;
	height: 100%;
	width: 100%;
}
.vcModal .modalMsg .wrap {
	display: table-cell;
	height: 100%;
	vertical-align: middle;
}
.vcModal .modalMsg .wrap .overlay {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	z-index: 0;
}
.vcModal .modalMsg .wrap .wrapMore {
	max-width: 40em;
	width: 100%;
	box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
	position: relative;
	background: #fff;
	padding: 20px;
	margin: 0 auto;
	z-index: 1;
}

.vcModalSwitch:checked + .vcModalTarget .vcModalOverlay,
.vcModalSwitch:checked + .vcModalTarget .vcModal {
	height: 100%;
	opacity: 1;
	transition: height 0s, opacity .3s;
	pointer-events: auto;
}
.vcModal .vcModalClose {
	position: absolute;
	display: block;
	right: -20px;
	top: -20px;
	cursor: pointer;
	padding: 10px;
	line-height: 20px;
	text-align: center;
	background: #293133;
	color: #fff;
	height: 40px;
	width: 40px;
	border-radius: 20px;
	-webkit-transition: all .3s;
	transition: all .3s;
	z-index: 1;
}
.vcModal .vcModalClose .vcCssIconClose:before,
.vcModal .vcModalClose .vcCssIconClose:after {
    background: #fff;
}
.vcModal .vcModalClose:hover {
	background: #E2001A;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

.vcModalBannerBottom .vcModalOverlay {
	height: 0 !important;
	opacity: 0 !important;
}
.vcModalBannerBottom .vcModal {
	top: auto;
	bottom: 0;
}
.vcModalSwitch:checked + .vcModalTarget.vcModalBannerBottom  .vcModal {
	height: auto;
	max-height: 100%;
}
.vcModalBannerBottom .vcModal .modalMsg {
	padding: 90px 0 0;
	position: relative;
}
.vcModalBannerBottom .vcModal .modalMsg:before {
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    content: '';
    background: #FFF;
    display: block;
    width: 100%;
    z-index: -1;
    box-shadow: 0 0 20px rgba(0,0,0,.5);
    position: absolute;
    left: 0;
	
	-webkit-transform: skewY(-2deg);
	-ms-transform: skewY(-2deg);
	transform: skewY(-2deg);
	top: 90px;
	height: 50%;
}
.vcModalBannerBottom .vcModal .modalMsg .wrap .wrapMore {
	margin: 0;
	padding: 0;
	max-width: none;
	width: 100%;
	box-shadow: none;
}

.vcModalBannerBottom .vcModal .article {
	padding: 15px;
	margin: 0 auto;
}
.vcModalBannerBottom .vcModal .article > :first-child {
	padding-right: 60px;
}
.vcModalBannerBottom  .vcModal .vcModalClose {
	right: 15px;
	top: 15px;
}
@media (min-width: 960px) {
	.vcModalBannerBottom .vcModal .article {
		width: 83.33%;
	}
	.vcModalBannerBottom .vcModal .article > :first-child {
		padding-right: 0;
	}
}

/*
	CSS Icons
	*/
.vcCssIcon {
	position: relative;
	display: inline-block;
}
.vcCssIconCheck {
	height: 1em;
	width: .667em;
	border-right: .1875em solid #000;
	border-bottom: .1875em solid #000;
	transform: rotate(45deg);
	margin: 0 .2em;
}
.vcCssIconArrowDown {
    width: 1em;
	height: 1em;
    margin: 0 .2em;
}
.vcCssIconArrowDown:after {
	content: '';
	display: block;
	font-size: .667em;
	width: 1em;
	height: 1em;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -.375em;
	margin-left: -.5em;
	transform: rotate(-45deg);
	border-left: 3px solid #000;
	border-bottom: 3px solid #000;
}
.vcCssIconClose {
	height: 100%;
	width: 100%;
	display: block;
}
.vcCssIconClose:before,
.vcCssIconClose:after {
	position: absolute;
	left: 50%;
	top: 50%;
	content: '';
	background: #fff;
	display: block;
	width: 100%;
	height: .1875em;
	margin-top: -.09375em;
	margin-left: -50%;
}
.vcCssIconClose:before {
	transform: rotate(45deg);
}
.vcCssIconClose:after {
	transform: rotate(-45deg);
}

.btnRaised .vcCssIconCheck {
	border-right-color: #fff;
	border-bottom-color: #fff;
}


/*
	Privacy & Cookies
	*/
.vcPrivacyOptsLine input {
	display: none;
}
.vcPrivacyOptsLine label {
	display: block;
	font-weight: bold;
	min-height: 2em;
	padding-right: 4em;
	position: relative;
	cursor: pointer;
	float: none;
}
.vcPrivacyOptsLine label .hint {
	font-weight: normal;
	margin: 0;
	line-height: normal;
}
.vcPrivacyOptsLine label .state {
	position: absolute;
	top: 0;
	right: 0;
	width: 3em;
	height: 1.5em;
	box-shadow: 0 1px 3px rgba(0,0,0,.5) inset;
	background: #C00;
	border-radius: .75em;
	display: block;
	transition: all .3s;
}
.vcPrivacyOptsLine label .state:after {
	content: '';
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	display: block;
	width: 1.25em;
	height: 1.25em;
	background: #fff;
	border: 1px solid #ccc;
	margin-top: -.625em;
	margin-left: -1.375em;
	border-radius: .625em;
	transition: all .3s;
}
.vcPrivacyOptsLine input:checked + label .state {
	background: #00b300;
}
.vcPrivacyOptsLine input:checked + label .state:after {
	margin-left: .125em;
}

.vcPrivacyOptsLine input:disabled + label {
	pointer-events: none;
}
.vcPrivacyOptsLine input:disabled + label .state {
	background: #ddd;
}

.vcPrivacyOptsLineWrap + .vcPrivacyOptsLineWrap {
	margin-top: 1.5em;
}
.vcPrivacyMoreInfoTrigger {
	padding: .5em 0 0;
	display: block;
}
.vcPrivacyMoreInfoTrigger .vcCssIconArrowDown {
	margin: 0 0 0 .5em;
	transition: transform .3s;
	float: none !important;
	display: inline-block !important;
}

.vcPrivacySlideDownSwitch ~ .vcPrivacySlideDownTarget {
	max-height: 0;
	transition: max-height .3s cubic-bezier(0,1,0,1), padding .3s, overflow 0s;
	overflow: hidden;
}
.vcPrivacySlideDownSwitch:checked ~ .vcPrivacySlideDownTrigger .on {
	display: inline;
}
.vcPrivacySlideDownTrigger .on,
.vcPrivacySlideDownSwitch:checked ~ .vcPrivacySlideDownTrigger .off {
	display: none;
}
.vcPrivacySlideDownSwitch:checked ~ .vcPrivacySlideDownTrigger .vcCssIcon {
	transform: rotate(180deg);
}
.vcPrivacySlideDownSwitch:checked ~ .vcPrivacySlideDownTrigger .vcCssIconArrowDown:after {
	margin-top: -1em;
}
.vcPrivacySlideDownSwitch:checked ~ .vcPrivacySlideDownTarget {
	max-height: 10000px;
	padding-top: .625em;
	transition: max-height .3s cubic-bezier(1,0,1,0), padding .3s;
	animation: 0s linear 0.3s 1 normal both running delayOverflow;
}

.vcPrivacyDefList {
	padding: 0;
	margin: 0;
	font-size: .8em;
}
.vcPrivacyDefList dt {
	padding: .3125em 0 0;
	font-weight: bold;
	text-align: left;
	margin: 0;
}
.vcPrivacyDefList dd {
	font-weight: normal;
	text-align: left;
	padding: 0 0 .3125em;
	margin: 0;
}
.vcPrivacyDefList dt:first-child {
	padding-top: 0;
}
.vcPrivacyDefList dd:last-child {
	padding-bottom: 0;
}

#vcPrivacySetupSubmit {
	display: block;
	width: 100%;
	text-align: center;
	margin-top: 1em;
}
.vcPrivacyOverlayTrigger {
	cursor: pointer;
}

.vcPrivacyNoPermission {
	background: #f2f2f2;
	border: 1px solid #ddd;
	text-align: center;
	padding: 1em;
    display: flex;
    flex-direction: column;
    justify-content: center;
	align-items: center;
}

@media (min-width: 640px) {
	.vcPrivacyDefList dt {
		clear: left;
		float: left;
		padding: .25em 0;
		width: 25%;
	}
	.vcPrivacyDefList dd {
		padding: .25em 0 .25em 20px;
		margin: 0;
		width: 75%;
		float: left;
	}
	.vcPrivacyDefList dt:first-child,
	.vcPrivacyDefList dt:first-child + dd {
		padding-top: 0;
	}
	.vcPrivacyDefList dt:nth-last-child(2),
	.vcPrivacyDefList dt:nth-last-child(2) + dd {
		padding-bottom: 0;
	}
	
	#vcPrivacySetupSubmit {
		margin-left: auto;
		margin-right: auto;
		width: 50%;
	}
}

/**
 * Infinite Ajax Scroll, a jQuery plugin
 * Version 1.1.0
 * https://github.com/webcreate/infinite-ajax-scroll
 */
.ias_loader,
.ias_trigger {
	text-align: center;
	margin: 15px 0;
}

/* ==========================================================================
   Modules
   ========================================================================== */
   
/* START */
.modul_start #projectsList .gridItem {
	visibility: visible;
}
.modul_start #startProjectsTease .article {
	text-align: center;
}
.modul_start #startProjectsTease .sectionInner > :last-child {
	padding-bottom: 100px;
}

/* PROJECTS */
.modul_projects .contentSection:first-child {
	min-height: 0;	
}
.modul_projects .contentSection:first-child:after {
	display: none;
}

#projectFilterBar {
	color: #293133;
	margin: 15px 0;
	padding: 0 15px;
}
#projectFilterBar .hansMeyer {
	padding: .556em 15px .556em 65px;
	border-radius: 1px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	background: #FAFBFB;
	position: relative;
	overflow: hidden;
}
#projectTags {
	margin: 0 -15px 0 0;
	padding: 0;
	list-style: none;
}
#projectTags li {
	margin: 0;
	padding: .333em 0;
	float: left;
	font-weight: 900;
	font-size: 1em;
	text-transform: uppercase;
	margin-right: 30px;
	cursor: pointer;
}
#projectTags li:last-child {
	margin-right: 0;
}
#projectTags li a,
#projectTags li label {
	cursor: pointer;
	position: relative;
	text-decoration: none;
}
#projectTags li a:after,
#projectTags li label:after {
	content: '';
	height: 3px;
	display: block;
	width: 0%;
	position: absolute;
	left: 50%;
	bottom: -3px;
	background: #293133;
	-webkit-transition: width .3s, bottom .3s, left .3s;
	transition: width .3s, bottom .3s, left .3s;
}
#projectTags li a:hover:after,
#projectTags li a.aktiv:after,
#projectTags li input:checked + label:after,
#projectTags li label:hover:after {
	left: 0;
	width: 100%;
}
#projectTags li input:checked + label:hover:after {
	bottom: 50%;
	bottom: calc(50% - 2px);
}
#projectFilterSrcTrigger {
	position: absolute;
	left: 0;
	top: 0;
	padding: 9px;
	display: block;
}
#projectFilterSrcTrigger span {
	display: block;
}
#projectFilterSrc {
	position: absolute;
	padding: 10px 0;
	left: 0;
	top: 0;
	width: 0;
	background: #B7C8CC;
	border-bottom: 1px solid #98A7AB;
	-webkit-transition: padding .3s, width .3s;
	transition: padding .3s, width .3s;
	overflow: hidden;
}
#projectFilterQuest {
	background: none;
	width: 100%;
	line-height: 20px;
	height: 30px;
	padding: 5px 0 4px;
	display: block;
	border-bottom: 1px solid #98A7AB;
}
#projectFilterSrc.nav-expanded {
	border-right: 1px solid #98A7AB;
	padding: 10px 50px;
	width: 100%;
}
#projectFilterSrc button {
	position: absolute;
	right: 0;
	top: 0;
	padding: 9px;
	-webkit-transition: all .2s;
	transition: all .2s;
}
#projectFilterSrc button:hover {
	right: -5px;
}
.projectsList {
	min-height: 100px;
}
.projectsList.hasIasLoader {
	padding-bottom: 100px;
}
.projectsList .loader {
	background: #FFF url('../img/preloader_301_dark.gif') no-repeat 50% 45px;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 0%;
	display: block;
	z-index: 10;
	opacity: 0;
	-webkit-transition: opacity .1s linear, width 0s linear .1s;
	transition: opacity .1s linear, width 0s linear .1s;
}
.projectsList.loading .loader {
	-webkit-transition: opacity .1s linear, width 0s linear;
	transition: opacity .1s linear, width 0s linear;
	width: 100%;
	opacity: 1;
}

.projectsList .gridItem {
	float: left;
	position: relative;
}
.projectsList .gridItem:after {
	content: '';
	background: #FAFBFB;
	display: block;
	position: absolute;
	left: 15px;
	top: 15px;
	bottom: 15px;
	right: 15px;
	z-index: -1;
}
.content .darkSection .projectsList .gridItem:after {
	background: rgba(185,0,21,.1);
}
.projectsList .gridItem .wrap {
	position: absolute;
	height: 100%;
	width: 100%;
}

.projectsList .gridItem .innerWrap {
	position: absolute;
	left: 15px;
	top: 15px;
	bottom: 15px;
	right: 15px;
	display: block;
	text-decoration: none;
	overflow: hidden;
	margin: 0;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

.projectsList .gridItem:hover .innerWrap {
	top: 11px;
	bottom: 19px;
	left: 12px;
	right: 12px;
	box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}
.projectsList .gridItem:hover .projectTagsList {
	bottom: 34px;
}
.projectsList  .gridItem .innerWrap:before {
	background: rgba(0,0,0,0.4);
	background: -webkit-linear-gradient(-45deg, rgba(25,122,158,0.8) 0%,rgba(226,0,26,0.8) 33%,rgba(0,0,0,0.4) 67%,rgba(0,0,0,0) 100%);
	background: -ms-linear-gradient(-45deg, rgba(25,122,158,0.8) 0%,rgba(226,0,26,0.8) 33%,rgba(0,0,0,0.4) 67%,rgba(0,0,0,0) 100%);
	background: linear-gradient(135deg, rgba(25,122,158,0.8) 0%,rgba(226,0,26,0.8) 33%,rgba(0,0,0,0.4) 67%,rgba(0,0,0,0) 100%);
	position: absolute;
	display: block;
	content: '';
	left: -200%;
	top: -200%;
	width: 300%;
	height: 300%;
	z-index: 1;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.projectsList .ias_loader,
.projectsList .itemLastPage {
	width: 100%;
	float: none;
	text-align: center;
}
.projectsList .grid_big,
.projectsList .grid_wide {
	width: 100%;
}
.projectsList .gridSizer,
.projectsList .grid_small {
	width: 50%;
	padding-bottom: 50%;
}
.projectsList .grid_wide {
	padding-bottom: 50%;
}
.projectsList .grid_big {
	padding-bottom: 100%;
}
.projectsList .gridItem .title {
	color: #FFF;
	position: relative;
	z-index: 3;
	padding: 15px;
	display: block;
	font-weight: bold;
	font-size: 2em;
	line-height: 1.2;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	word-break: break-word;
	text-rendering: optimizeLegibility;
	text-shadow: 0 0 20px rgba(0,0,20,0.25);
	-webkit-transition: padding .3s ease-out;
	transition: padding .3s ease-out;
}
.projectsList .gridItem:hover .title {
	padding-left: 18px;
	padding-right: 18px;	
}
.projectsList .gridItem .title:after {
	content: '';
	background: #E2001A;
	width: 30px;
	height: 3px;
	display: block;
	margin-top: .25em;
}
.projectsList .gridItem .title .subTitle {
	line-height: 0;
	overflow: hidden;
	display: block;
	-webkit-transition: .3s all .3s;
	transition: .3s all .3s;
	font-weight: 400;
	font-size: .5em;
	margin-top: .5em;
}
.projectsList .grid_small .title {
	font-size: 1em;
}
.projectsList .grid_small .title .subTitle {
	font-size: 1em;
}
.projectsList .grid_wide .title {
	font-size: 1.5em;
}
.projectsList .grid_wide .title .subTitle {
	font-size: .667em;
}
.projectsList .gridItem .background {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.projectsList .gridItem:hover .innerWrap:before {
	left: 0%;
	top: 0%;
	opacity: 1;
}
.projectsList .gridItem:hover .title .subTitle {
	line-height: 1.2;
}
.projectsList .gridItem:hover .background {
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	filter: url('../img/desaturate.svg#greyscale');
	filter: gray;
	-webkit-transition: all .3s;
	transition: all .3s;
	opacity: .75;
}

.projectsList .projectTagsList {
	position: absolute;
	bottom: 30px;
	left: 30px;
	right: 30px;
	margin: 0;
	padding: 0;
	list-style: none;
	z-index: 2;
	overflow: hidden;
	text-overflow: hidden;
	white-space: nowrap;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;
}
.projectsList .projectTagsList li {
	display: inline-block;
	margin: 0;
	padding: 0;
}
.projectsList .projectTagsList li:before {
	display: none;
}
.projectsList .projectTagsList li + li {
	margin-left: 10px;
}
.projectsList .projectTagsList li a {
	border-radius: 50%;
}
.projectsList .marker {
	position: absolute;
	right: 15px;
	top: 15px;
	z-index: 1;
	display: block;
	text-align: center;
	background: #000;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 12px;
	line-height: 30px;
	width: 120px;
	margin-right: -60px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transform-origin: 50% 0%;
	-ms-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;
}
.projectsList .marker ~ .title {
	margin-right: 40px;
}
.projectsList ~ .darkSection {
	overflow: hidden;
}
.projectsList ~ .darkSection:before {
    -webkit-transform: skewY(2deg);
    -ms-transform: skewY(2deg);
    transform: skewY(2deg);
	-webkit-transform-origin: 0% 50%;
	-ms-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
    content: '';
    background: #FFF;
    display: block;
    width: 100%;
    z-index: -1;
    box-shadow: 0 0 20px rgba(0,0,0,.5);
    position: absolute;
    left: 0;
	top: -50%;
    height: 50%;
}

.modul_projects .article .projectTagsListWrap {
	margin: .667em 0 0;
}
.modul_projects .article .projectTagsList {
	margin: 0 -1em -1em 0;
	padding: 0;
}
.modul_projects .article .projectTagsList li {
	float: left;
	padding: 0;
	margin: 0 1em 1em 0;
	height: 40px;
}
.modul_projects .article .projectTagsList li:before {
	display: none;
}
.modul_projects .article .projectTagsList li a {
	border-radius: 20px;
	display: inline-block;
	color: #fff;
	text-decoration: none;
	position: relative;
	padding-left: 45px;
	padding-right: 15px;
	line-height: 40px;
	font-size: 14px;
	white-space: nowrap;
	-webkit-transition: background .3s, box-shadow .3s;
	transition: background .3s, box-shadow .3s;
}
.modul_projects .article .projectTagsList li a .sprt {
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 50%;
	border: 5px solid #000;
	height: 40px;
	width: 40px;
}


@media only screen and (min-width: 480px) {
	#projectFilterSrc.nav-expanded {
		width: 450px;
	}

	.projectsList .grid_small .title {
		font-size: 1.25em;
	}
	.projectsList .grid_small .title .subTitle {
		font-size: .8em;
	}
	.projectsList .grid_wide .title {
		font-size: 1.67em;
	}
	.projectsList .grid_wide .title .subTitle {
		font-size: .6em;
	}
}

@media only screen and (min-height: 640px) {
	.content .projectTeaserSection:first-child {
		min-height: 300px;
	}
	
	.content .projectTeaserSection + .section {
		padding-top: 30px;
		padding-bottom: 30px;
	}
}

@media only screen and (min-width: 720px) {
	.projectsList .grid_big {
		width: 50%;
		padding-bottom: 50%;
	}
	.projectsList .grid_wide {
		width: 50%;
		padding-bottom: 25%;
	}
	.projectsList .gridSizer,
	.projectsList .grid_small {
		width: 25%;
		padding-bottom: 25%;
	}
	.projectsList .grid_small .title {
		font-size: 1em;
	}
	.projectsList .grid_small .title .subTitle {
		font-size: 1em;
	}
	.projectsList .grid_wide .title {
		font-size: 1.5em;
	}
	.projectsList .grid_wide .title .subTitle {
		font-size: .667em;
	}
	.projectTags li {
		font-size: .833em;
	}
	.modul_projects .article .projectTagsListWrap {
		float: right;
		margin: 1em 0 1em 2em;
	}
	.modul_projects .article .projectTagsList {
		text-align: right;
		margin: 0;
	}
	.modul_projects .article .projectTagsList li {
		float: none;
		margin: 1em 0 0;
	}
	.modul_projects .article .projectTagsList li a {
		padding: 0 45px 0 15px;
	}
	.modul_projects .article .projectTagsList li a .sprt {
		right: 0;
		left: auto;
		z-index: 1;
	}
}

@media only screen and (min-width: 960px) {
	.projectsList .grid_small .title {
		font-size: 1.25em;
	}
	.projectsList .grid_small .title .subTitle {
		font-size: .8em;
	}
	.projectsList .grid_wide .title {
		font-size: 1.67em;
	}
	.projectsList .grid_wide .title .subTitle {
		font-size: .6em;
	}
	
	#projectFilterBar,
	#projectsList {
		margin: 15px auto;
		min-width: 930px;
		width: 83.333%;
	}
	
	.modul_projects .article .projectTeaserSection + .contentSection .projectTagsListWrap {
		position: absolute;
		right: 120px;
		top: -120px;
		margin: 0;
	}
	.modul_projects .article .projectTeaserSection + .contentSection .projectTagsList {
		position: absolute;
		bottom: 0;
		right: 0;
		margin: 0;
		text-align: right;
	}
	.modul_projects .article .projectTeaserSection + .contentSection .projectTagsList li a {
		box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
		padding: 0;
		height: 40px;
	}
	.modul_projects .article .projectTeaserSection + .contentSection .projectTagsList li a .label {
		display: inline-block;
		opacity: 0;
		margin-right: -40px;
		width: 0px;
		overflow: hidden;
		-webkit-transition: margin-right .3s, opacity .3s, width 0s .3s;
		transition: margin-right .3s, opacity .3s, width 0s .3s;
	}
	.modul_projects .article .projectTeaserSection + .contentSection .projectTagsList li a:hover {
		box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
		padding-left: 15px;
		padding-right: 45px;
	}
	.modul_projects .article .projectTeaserSection + .contentSection .projectTagsList li a:hover .label {
		opacity: 1;
		margin-right: 0;
		width: auto;
		-webkit-transition: margin-right .3s, opacity .3s, width 0s 0s;
		transition: margin-right .3s, opacity .3s, width 0s 0s;
	}
}

@media only screen and (min-width: 1600px) {
	.projectsList .grid_big {
		width: 33.333%;
		padding-bottom: 33.333%;
	}
	.projectsList .grid_wide {
		width: 33.333%;
		padding-bottom: 16.667%;
	}
	.projectsList .gridSizer,
	.projectsList .grid_small {
		width: 16.667%;
		padding-bottom: 16.667%;
	}
	.projectsList .grid_small .title {
		font-size: .8em;
	}
	.projectsList .grid_small .title .subTitle {
		font-size: 1em;
	}
	.projectsList .grid_wide .title {
		font-size: 1.5em;
	}
	.projectsList .grid_wide .title .subTitle {
		font-size: .667em;
	}
}

/* ARTIKEL */
.content > .gridWrap:first-child,
.content > .article:first-child,
.content > .contentSection:first-child .article:first-child,
.content > .bookSection .article:first-child,
.content > .darkSection .article:first-child,
.content > .bookSection .list:first-child,
.content > .darkSection .list:first-child  {
	margin-top: 60px;
}
.content > .gridWrap:last-child,
.content > .contentSection:first-child .article:last-child,
.content > .bookSection .article:last-child,
.content > .darkSection .article:last-child, 
.content > .bookSection .list:last-child,
.content > .darkSection .list:last-child {
	margin-bottom: 60px;
}
.content > .contentSection:first-child .article .articleSection:first-child {
	padding-top: 60px;
}
.articleGrid {
	padding: 15px;
}
.content .gridWrap,
.content .spacer,
.content .article {
	margin-left: 15px;
	margin-right: 15px;
}
.content .article.hasTeaser {
	background: #293133;
}
.content .article.hasSections .contentSection .sectionInner {
	padding-left: 15px;
	padding-right: 15px;
	display: block;
}
.sectionInner > .topIgnore:first-child + h1,
.sectionInner > .topIgnore:first-child + .h1,
.sectionInner > .topIgnore:first-child + h1,
.sectionInner > .topIgnore:first-child + h2,
.sectionInner > .topIgnore:first-child + .h2,
.sectionInner > .topIgnore:first-child + h3,
.sectionInner > .topIgnore:first-child + .h3,
.sectionInner > h1:first-child,
.sectionInner > .h1:first-child,
.sectionInner > h1:first-child,
.sectionInner > h2:first-child,
.sectionInner > .h2:first-child,
.sectionInner > h3:first-child,
.sectionInner > .h3:first-child,
.article > .topIgnore:first-child + h1,
.article > .topIgnore:first-child + .h1,
.article > .topIgnore:first-child + h1,
.article > .topIgnore:first-child + h2,
.article > .topIgnore:first-child + .h2,
.article > .topIgnore:first-child + h3,
.article > .topIgnore:first-child + .h3,
.article > h1:first-child,
.article > .h1:first-child,
.article > h1:first-child,
.article > h2:first-child,
.article > .h2:first-child,
.article > h3:first-child,
.article > .h3:first-child {
	margin-top: 0;
	margin-top: 1rem;
}
.article .darkSection h1:after,
.article .darkSection .h1:after,
.article .darkSection h2:after,
.article .darkSection .h2:after {
	content: '—';
	color: #E2001A;
	position: relative;
	top: .2em;
	font-size: .75em;
	font-weight: 700;
	padding-left: .5em;
}
.article .blueSection h1:after,
.article .blueSection .h1:after,
.article .blueSection h2:after,
.article .blueSection .h2:after {
	display: block;
	line-height: .1;
	margin-top: 1rem;
	margin-bottom: 2rem;
}

.list .articleWrap ul,
.article ul {
	list-style: none;
	padding-left: 0;
}
.list .articleWrap ul > li,
.article ul > li {
	padding-left: 1.5em;
	position: relative;
}
.list .articleWrap ul > li:before,
.article ul > li:before {
	content: '—';
	color: #E2001A;
	top: .194em;
	font-weight: 400;
	position: relative;
	margin-left: -1.5em;
	width: 1.5em;
	text-align: left;
	display: inline-block;
}

.content .article.hasSections {
	margin-left: 0;
	margin-right: 0;
	width: 100%;
}
.content > .article.hasSections:first-child {
	margin-top: 0;
}
.content .article .teaserSection {
	margin-left: -15px;
	margin-right: -15px;
	height: 70%;
	height: 70vh;
	min-height: 300px;
	position: relative;
	overflow: hidden;
	padding: 0;
	background: #000;
}
.content .article .projectsList {
	margin: -15px;
}
.content .article .teaserSection:before,
.content .article .teaserSection:after {
	-webkit-transform-origin: 0% 0%;
	-ms-transform-origin: 0% 0%;
	transform-origin: 0% 0%;
	content: '';
	background: #FFF;
	display: block;
	width: 100%;
	height: 20%;
	z-index: 2;
	box-shadow: 0 0 10px rgba(0,0,0,.5);
	position: absolute;
	left: 0;
}
.content .article .teaserSection:before {
	-webkit-transform: skewY(2deg);
	-ms-transform: skewY(2deg);
	transform: skewY(2deg);
	top: -20%;
}
.content .article .teaserSection:after {
	-webkit-transform: skewY(-2deg);
	-ms-transform: skewY(-2deg);
	transform: skewY(-2deg);
	bottom: -20%;
}
.content > .contentSection:first-child .article .teaserSection:first-child {
	margin-top: -60px;
}
.content .article .teaserSection:first-child:before,
.content .article .teaserSection:last-child:after {
	display: none;
}
.content .section > .vc_carousel_container,
.content .article .teaserSection .vc_carousel_container,
.content .article .teaserSection .teaser {
	position: absolute;
	top: 0;
	height: 100%;
}
.content .article .articleSection {
	display: block;
	min-height: 0;
}
.content .article .teaserSection + .articleSection {
	padding: 30px 0;
}
.content .article .imgNone {
	margin-left: -15px;
	margin-right: -15px;
}
.content .article .mapWrap:first-child {
	margin-top: 0;
}
.content .article .mapWrap:last-child,
.content .article .stdTable:last-child,
.content .article .imgNone:last-child {
	margin-bottom: 0;
}

@media only screen and (min-height: 640px) {
	.content .article .teaserSection + .articleSection {
		padding: 60px 0;
	}
}

@media only screen and (min-width: 720px) {
	.content > .gridWrap:first-child,
	.content > .article:first-child,
	.content > .contentSection:first-child .article:first-child,
	.content > .bookSection .article:first-child,
	.content > .darkSection .article:first-child,
	.content > .bookSection .list:first-child,
	.content > .darkSection .list:first-child  {
		margin-top: 90px;
	}
	.content > .gridWrap:last-child,
	.content > .contentSection:first-child .article:last-child,
	.content > .bookSection .article:last-child,
	.content > .darkSection .article:last-child, 
	.content > .bookSection .list:last-child,
	.content > .darkSection .list:last-child {
		margin-bottom: 90px;
	}
	.content > .contentSection:first-child .article .articleSection:first-child {
		padding-top: 90px;
	}
	.content > .contentSection:first-child .article .teaserSection:first-child {
		margin-top: -90px;
	}
	.content > .sectionFreeHeight .article:first-child {
		margin-top: 0;
	}
	.content .spacer,
	.content .article {
		margin-left: 8.333%;
		margin-right: 8.333%;
		width: 83.334%;
	}
	.content .article.hasSections .contentSection .sectionInner {
		padding-left: 8.333%;
		padding-right: 8.333%;
	}
	.article .darkSection h1:after,
	.article .darkSection .h1:after,
	.article .darkSection h2:after,
	.article .darkSection .h2:after{
		font-weight: 400;
	}
	
	.content .article .teaserSection {
		margin-left: -10%;
		margin-right: -10%;
	}
	
	.content .article .projectsList {
		margin-left: -5%;
		margin-right: -5%;
	}
	
	.content .article .imgLeft,
	.content .article .imgRight,
	.content .article .imgNone {
		margin-left: -10%;
		margin-right: -10%;
	}
	.content .article .imgLeft {
		padding-left: 30px;
	}
	.content .article .imgRight {
		padding-right: 30px;
	}
}

@media only screen and (min-width: 960px) {
	.content .spacer,
	.content .article {
		margin-left: 16.667%;
		margin-right: 16.667%;
		width: 66.666%;
	}
	.content .article.hasSections .contentSection .sectionInner {
		padding-left: 16.667%;
		padding-right: 16.667%;
	}
	.content .article .teaserSection {
		margin-left: -25%;
		margin-right: -25%;
	}
	.content .article .projectsList {
		margin-left: -12.5%;
		margin-right: -12.5%;
	}
	.content .article .imgLeft,
	.content .article .imgRight,
	.content .article .imgNone {
		margin-left: -25%;
		margin-right: -25%;
	}
}

/* LISTE */
.content .list {
	margin: 0;
	padding: 0 15px;
	width: 100%;
	overflow: hidden;
}

.content > .section:last-child .list {
	padding-bottom: 25%;
	padding-bottom: 25vh;
}
.content .list .listItem {
	position: relative;
	width: 100%;
}
.content .article + .list,
.content .list .listItem + .listItem {
	margin-top: 60px;
}
.content .list .listItem.divider {
	border-top: 2px solid #e0e1e1;
	padding-top: 1em;
	margin-top: 1em;
}
.content .onePageSection .list .listItemOnePage {
	-webkit-display: flex;
	-ms-display: flex;
	display: flex;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
	padding: 60px 45px 15px 15px;
}
.disabled-onepage-scroll .content .onePageSection .list .listItemOnePage {
	padding-right: 15px;
}

.content .list .listItem .articleWrap > :first-child,
.content .onePageSection .list .listItemOnePage .articleWrap > :first-child {
	margin-top: 0;
}
.content .list .listItem .articleWrap > :last-child,
.content .onePageSection .list .listItemOnePage .articleWrap > :last-child {
	margin-bottom: 0;
}

.flexbox .content .list .articleInnerWrap {
	width: 100%;
}


.flexbox .content .list .listItemHasImg.imgWidth-15 .articleInnerWrap,
.flexbox .content .list .listItemHasImg.imgWidth-10 .articleInnerWrap,
.flexbox .content .list .listItemHasImg.imgWidth-5 .articleInnerWrap {
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.flexbox .content .list .listItemHasImg.imgWidth-15 .articleWrap,
.flexbox .content .list .listItemHasImg.imgWidth-10 .articleWrap,
.flexbox .content .list .listItemHasImg.imgWidth-5 .articleWrap {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
	margin-left: 0;
	margin-right: 0;
	-webkit-flex-grow: 1;
	-ms-flex-grow: 1;
	flex-grow: 1;
}
.flexbox .content .list .listItemHasImg.imgWidth-15 .articleWrap,
.flexbox .content .list .listItemHasImg.imgWidth-10 .articleWrap {
	-webkit-flex: 1 1 66.7%;
	-ms-flex: 1 1 66.7%;
	flex: 1 1 66.7%
}
.flexbox .content .list .listItemHasImg.imgWidth-5 .articleWrap {
	-webkit-flex: 1 1 75%;
	-ms-flex: 1 1 75%;
	flex: 1 1 75%
}

.content .list .headline a {
	text-decoration: none;
}
.content .list .more {
	display: block;
	text-decoration: none;
	font-family: 'Playfair Display', Georgia, serif;
	font-style: italic;
	text-align: right;
}
.content .list .more .label {
	position: relative;
	padding-right: 15px;
	display: inline-block;
}
.content .list .more .label:before {
	content: '';
	display: block;
	left: -7.5%;
	width: 0;
	height: 150%;
	background: #FAFBFB;
	position: absolute;
	top: -25%;
	-webkit-transition: all .3s;
	transition: all .3s;
	z-index: -1;
	-webkit-transform: skewX(-15deg);
	-ms-transform: skewX(-15deg);
	transform: skewX(-15deg);
	opacity: .25;
}
.content .list .more .label:after {
	content: '';
	display: block;
	border: 3px solid #e2001a;
	border-width: 3px 3px 0 0;
	height: 8px;
	width: 8px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	margin-top: -5px;
	position: absolute;
	right: 0;
	-webkit-transition: right .3s;
	transition: right .3s;
}
.content .list .more:hover .label:after {
	right: -5px;
}
.content .list .more:hover .label:before {
	width: 117.5%;
	width: calc(115% + 10px);
	box-shadow: 0 3px 6px rgba(0,0,0,0.05), 0 3px 6px rgba(0,0,0,0.1);
	opacity: 1;
}

@media (orientation: portrait) {
	.content > .section:last-child .list {
		padding-bottom: 33.3%;
		padding-bottom: 33.3vh;
	}
}

@media (min-width: 480px) {
	.flexbox .content .list .listItemHasImg.imgWidth-33 .articleInnerWrap,
	.flexbox .content .list .listItemHasImg.imgWidth-25 .articleInnerWrap,
	.flexbox .content .list .listItemHasImg.imgWidth-20 .articleInnerWrap {
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
	}
	.flexbox .content .list .listItemHasImg.imgWidth-33 .articleWrap,
	.flexbox .content .list .listItemHasImg.imgWidth-25 .articleWrap,
	.flexbox .content .list .listItemHasImg.imgWidth-20 .articleWrap {
		-webkit-align-self: center;
		-ms-flex-item-align: center;
		align-self: center;
		margin-left: 0;
		margin-right: 0;
	}
	.flexbox .content .list .listItemHasImg.imgWidth-33 .articleWrap,
	.flexbox .content .list .listItemHasImg.imgWidth-25 .articleWrap {
		-webkit-flex: 1 1 50%;
		-ms-flex: 1 1 50%;
		flex: 1 1 50%;
	}
	.flexbox .content .list .listItemHasImg.imgWidth-20 .articleWrap {
		-webkit-flex: 1 1 66.7%;
		-ms-flex: 1 1 66.7%;
		flex: 1 1 66.7%
	}
}

@media (min-width: 640px) {
	.flexbox .content .list .listItemHasImg.imgWidth-50 .articleInnerWrap {
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
	}
	.flexbox .content .list .listItemHasImg.imgWidth-50 .articleWrap {
		-webkit-align-self: center;
		-ms-flex-item-align: center;
		align-self: center;
		margin-left: 0;
		margin-right: 0;
		-webkit-flex: 1 1 50%;
		-ms-flex: 1 1 50%;
		flex: 1 1 50%;
	}
	.flexbox .content .list .listItemHasImg.imgWidth-25 .articleWrap {
		-webkit-flex: 1 1 66.7%;
		-ms-flex: 1 1 66.7%;
		flex: 1 1 66.7%;
	}
	.flexbox .content .list .listItemHasImg.imgWidth-20 .articleWrap {
		-webkit-flex: 1 1 80%;
		-ms-flex: 1 1 80%;
		flex: 1 1 80%;
	}
}

@media (min-width: 720px) {
	.content .list {
		padding-left: 30px;
		padding-right: 30px;
	}
	.content .onePageSection .list .listItemOnePage {
		padding: 90px 60px 30px 30px;
	}
	.disabled-onepage-scroll .content .onePageSection .list .listItemOnePage {
		padding-right: 30px;
	}
	
	.flexbox .content .list .listItemHasImg.imgWidth-33 .articleWrap,
	.flexbox .content .list .listItemHasImg.imgWidth-25 .articleWrap {
		-webkit-flex: 1 1 66.7%;
		-ms-flex: 1 1 66.7%;
		flex: 1 1 66.7%;
	}
	.flexbox .content .list .listItemHasImg.imgWidth-20 .articleWrap,
	.flexbox .content .list .listItemHasImg.imgWidth-15 .articleWrap,
	.flexbox .content .list .listItemHasImg.imgWidth-10 .articleWrap,
	.flexbox .content .list .listItemHasImg.imgWidth-5 .articleWrap {
		-webkit-flex: 1 1 80%;
		-ms-flex: 1 1 80%;
		flex: 1 1 80%;
	}
	
	.flexbox .content .list .listItemHasNoImg.slideInFromLeft .articleWrap,
	.flexbox .content .list .listItemHasNoImg.slideInFromRight .articleWrap {
		text-align: center;
	}
}

@media (min-width: 960px) {
	.content .onePageSection .list .listItemOnePage {
		padding-left: 16.667%;
		padding-right: 16.667%;
	}
	.content .list,
	.content .onePageSection .list .listItemOnePage.listItemHasImg {
		padding-left: 8.333%;
		padding-right: 8.333%;
	}
	.flexbox .content .list .listItemHasImg.imgWidth-75 .articleInnerWrap {
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
	}
	.flexbox .content .list .listItemHasImg.imgWidth-75 .articleWrap,
	.flexbox .content .list .listItemOnePage.imgWidth-75 .articleWrap {
		-webkit-align-self: center;
		-ms-flex-item-align: center;
		align-self: center;
		margin-left: 0;
		margin-right: 0;
		-webkit-flex: 1 1 25%;
		-ms-flex: 1 1 25%;
		flex: 1 1 25%;
	}
	.flexbox .content .list .listItemHasImg.imgWidth-50 .articleWrap {
		-webkit-flex: 1 1 50%;
		-ms-flex: 1 1 50%;
		flex: 1 1 50;
	}
	.flexbox .content .list .listItemHasImg.imgWidth-33 .articleWrap {
		-webkit-flex: 1 1 66.7%;
		-ms-flex: 1 1 66.7%;
		flex: 1 1 66.7%;
	}
	.flexbox .content .list .listItemHasImg.imgWidth-25 .articleWrap {
		-webkit-flex: 1 1 75%;
		-ms-flex: 1 1 75%;
		flex: 1 1 75%;
	}
	.flexbox .content .list .listItemHasImg.imgWidth-20 .articleWrap {
		-webkit-flex: 1 1 80%;
		-ms-flex: 1 1 80%;
		flex: 1 1 80%;
	}
	.flexbox .content .list .listItemHasImg.imgWidth-15 .articleWrap {
		-webkit-flex: 1 1 85%;
		-ms-flex: 1 1 85%;
		flex: 1 1 85%;
	}
	.flexbox .content .list .listItemHasImg.imgWidth-10 .articleWrap {
		-webkit-flex: 1 1 90%;
		-ms-flex: 1 1 90%;
		flex: 1 1 90%;
	}
	.flexbox .content .list .listItemHasImg.imgWidth-5 .articleWrap {
		-webkit-flex: 1 1 95%;
		-ms-flex: 1 1 95%;
		flex: 1 1 95%;
	}
}


/* GRID */
.gridWidth_67 {
	width: 66.66667%;
}
.gridWidth_50 {
	width: 50%;
}
.gridWidth_33 {
	width: 33.33333%;
}
.gridWidth_25 {
	width: 25%;
}
.gridWidth_20 {
	width: 20%;
}
.gridWidth_17 {
	width: 16.66667%;
}
.gridWrap .articleGrid {
	float: left;
}
.articleGrid .imgWrap {
	height: 0;
	padding-bottom: 62.5%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
	display: block;
}
.articleGrid .info .headline {
	margin-top: .4em;
}
.articleGrid .info .dateText {
	float: right;
	margin: 0 0 0 15px;
	line-height: 2;
}

/* Bildergalerie */
.filePreview,
.img,
.thumb {
	position: relative;
	overflow: hidden;
	display:block;
}
.thumb img,
.img img, 
.imgWrap img {
	width:100%;
	height:auto;
	display: block;
}
.imgWrap {
	position: relative;
}
.gallery {
	margin: 0 -15px -5px -15px;
}
.imgContainer {
	float: left;
	margin: 0 15px 15px 15px;			
	position: relative;
}
.img {
	display:block;
	position: relative;
}
.caption {
	font-size: .75em;
	line-height: 1.2;
	display: block;
	color: #567;
}

.imgLeft .imagesInnerWrap {
	float: left;
	margin-bottom: 15px;
}
.imgRight .imagesInnerWrap {
	margin-bottom: 15px;
	float: right;
}
.imgNone .imagesInnerWrap {
	margin: 0 auto;
}
.imgRight .caption,
.imgLeft .caption {
	text-align: center;
}
.imgLeft .imgWrap + .imgWrap,
.imgRight .imgWrap + .imgWrap {
	margin-top: 15px;
}
.imgNone {
	margin-left: auto;
	margin-right: auto;
}
.imgNone .imgWrap {
	position: relative;
	margin: 0 auto;
}
.imgNone .imgWrap + .imgWrap {
	margin-top: 30px;
}

.imgNone .imgWrap .caption {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 20px 15px 10px;
	background: -ms-linear-gradient(top, rgba(240,240,240,0) 0%, rgba(240,240,240,.4) 100%);
	background: -webkit-linear-gradient(top, rgba(240,240,240,0) 0%,rgba(240,240,240,.4) 100%);
	background: linear-gradient(to bottom, rgba(240,240,240,0) 0%,rgba(240,240,240,.4) 100%);
	display: block;
	color: #234;
	text-rendering: optimizeLegibility;
	text-shadow: 0 3px 9px rgba(240,240,240,.4);
}
.imagesWrap.effect .imgWrap .img {
	box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}
.imgNone.effect {
	padding: 15px 0 30px;
	position: relative;
	z-index: 1;
}
.imgNone.effect:before,
.imgNone.effect:after {
	position: absolute;
	display: block;
	top: 0;
	z-index: -1;
	content: '';
	height: 100%;
	width: 100%;
	-webkit-transform: skewX(-15deg);
	-ms-transform: skewX(-15deg);
	transform: skewX(-15deg);
}
.imgNone.effect:before {
	right: 49.9%;
	background: #edf1f2;
}
.imgNone.effect:after {
	left: 49.9%;
	background: #fafbfb;
}

.imgNone.effect .imgWrap .caption {
	background: none;
	position: static;
	padding-left: 0;
	padding-right: 0;
	margin-bottom: -15px;
	padding-bottom: 0;
	text-align: center;
}

.imgWidth-100,
.imgWidth-75,
.imgWidth-67,
.imgWidth-50,
.imgWidth-33,
.imgWidth-25,
.imgWidth-20 {
	width: 100%;
}

.imgWidth-15,
.imgWidth-15 .articleImg {
	width: 33.3%;
}
.imgWidth-10,
.imgWidth-10 .articleImg,
.imgWidth-5,
.imgWidth-5 .articleImg {
	width: 25%;
}

.imgRight.imgWidth-15,
.imgRight.imgWidth-10,
.imgRight.imgWidth-5 {
	margin-left: 30px;
}
.imgLeft.imgWidth-15,
.imgLeft.imgWidth-10,
.imgLeft.imgWidth-5 {
	margin-right: 30px;
}

.imgWidth-50 .articleImg .img {
	width: 66.7%;
}
.imgWidth-33 .articleImg .img,
.imgWidth-25 .articleImg .img {
	width: 50%;
}
.imgWidth-20 .articleImg .img {
	width: 50%;
}

.imagesWrap.effect .imgWidth-100 .imgWrap,
.imagesWrap.effect .imgWidth-75 .imgWrap,
.imagesWrap.effect .imgWidth-67 .imgWrap,
.imagesWrap.effect .imgWidth-50 .imgWrap,
.imagesWrap.effect .imgWidth-33 .imgWrap,
.imagesWrap.effect .imgWidth-25 .imgWrap,
.imagesWrap.effect .imgWidth-20 .imgWrap {
	margin-left: 15px;
	margin-right: 15px;
}


.imgWidth-50 .articleImg + .articleWrap,
.imgWidth-33 .articleImg + .articleWrap,
.imgWidth-25 .articleImg + .articleWrap,
.imgWidth-20 .articleImg + .articleWrap {
	text-align: center;
}

.imgWidth-15 .articleImgLeft,
.imgWidth-10 .articleImgLeft,
.imgWidth-5 .articleImgLeft {
	float: left;
}

.imgWidth-15 .articleImgRight,
.imgWidth-10 .articleImgRight,
.imgWidth-5 .articleImgRight {
	float: right;
	order: 2;
}

.imgWidth-15 .articleImgLeft + .articleWrap,
.imgWidth-10 .articleImgLeft + .articleWrap,
.imgWidth-5 .articleImgLeft + .articleWrap {
	margin-left: 25%;
	padding-left: 30px;
}
.imgWidth-15 .articleImgRight + .articleWrap,
.imgWidth-10 .articleImgRight + .articleWrap,
.imgWidth-5 .articleImgRight + .articleWrap {
	margin-right: 25%;
	padding-right: 30px;
	text-align: right;
	order: 1;
}
.articleImgNone .img,
.articleImgRight .img,
.articleImgLeft .img {
	display: block;
	margin: 0 auto;
}


@media only screen and (min-width: 480px) {
	.imgWidth-33 .articleImg .img,
	.imgWidth-25 .articleImg .img,
	.imgWidth-20 .articleImg .img {
		width: 100%;
	}
	.imgWidth-33 .articleImgLeft + .articleWrap,
	.imgWidth-25 .articleImgLeft + .articleWrap,
	.imgWidth-20 .articleImgLeft + .articleWrap {
		text-align: left;
	}
	.imgWidth-33 .articleImgRight + .articleWrap,
	.imgWidth-25 .articleImgRight + .articleWrap,
	.imgWidth-20 .articleImgRight + .articleWrap {
		text-align: right;
	}
	
	.imgWidth-33,
	.imgWidth-33 .articleImg {
		width: 50%;
	}
	.imgWidth-25,
	.imgWidth-25 .articleImg,
	.imgWidth-20,
	.imgWidth-20 .articleImg,
	.imgWidth-15,
	.imgWidth-15 .articleImg {
		width: 33.3%;
	}
	.imgWidth-10,
	.imgWidth-10 .articleImg,
	.imgWidth-5,
	.imgWidth-5 .articleImg {
		width: 20%;
	}
	
	.imgRight .imgWidth-33,
	.imgRight .imgWidth-25,
	.imgRight .imgWidth-20,
	.imgRight .imgWidth-15,
	.imgRight .imgWidth-10,
	.imgRight .imgWidth-5 {
		margin-left: 15px;
		padding-left: 15px;
	}
	.imgLeft .imgWidth-33,
	.imgLeft .imgWidth-25,
	.imgLeft .imgWidth-20,
	.imgLeft .imgWidth-15,
	.imgLeft .imgWidth-10,
	.imgLeft .imgWidth-5 {
		margin-right: 15px;
		padding-right: 15px;
	}
	
	.imgWidth-33 .articleImgLeft,
	.imgWidth-25 .articleImgLeft,
	.imgWidth-20 .articleImgLeft {
		float:left;
	}
	.imgWidth-33 .articleImgRight,
	.imgWidth-25 .articleImgRight,
	.imgWidth-20 .articleImgRight {
		float:right;
		order: 2;
	}
	.imgWidth-33 .articleImgLeft + .articleWrap,
	.imgWidth-25 .articleImgLeft + .articleWrap {
		margin-left: 50%;
		padding-left: 30px;
	}
	.imgWidth-33 .articleImgRight + .articleWrap,
	.imgWidth-25 .articleImgRight + .articleWrap {
		margin-right: 50%;
		padding-right: 30px;
		text-align: right;
		order: 1;
	}
	.imgWidth-20 .articleImgLeft + .articleWrap,
	.imgWidth-15 .articleImgLeft + .articleWrap {
		margin-left: 33.3%;
	}
	.imgWidth-10 .articleImgLeft + .articleWrap,
	.imgWidth-5 .articleImgLeft + .articleWrap {
		margin-left: 30%;
	}
	
	.imgWidth-20 .articleImgRight + .articleWrap,
	.imgWidth-15 .articleImgRight + .articleWrap {
		margin-right: 33.3%;
	}
	.imgWidth-10 .articleImgRight + .articleWrap,
	.imgWidth-5 .articleImgRight + .articleWrap {
		margin-right: 20%;
	}
}

@media only screen and (min-width: 640px) {
	.imgWidth-50 .articleImgLeft .img,
	.imgWidth-50 .articleImgRight .img {
		width: 100%;
	}
	.imgWidth-50 .articleImgLeft + .articleWrap {
		text-align: left;
	}
	.imgWidth-50 .articleImgRight + .articleWrap {
		text-align: right;
	}
	
	.imgWidth-50,
	.imgWidth-50 .articleImg {
		width: 50%;
	}
	.imgWidth-25,
	.imgWidth-25 .articleImg {
		width: 33.3%;
	}
	.imgWidth-20,
	.imgWidth-20 .articleImg {
		width: 25%;
	}
	.imgWidth-50 .articleImgLeft {
		float:left;
	}
	.imgWidth-50 .articleImgRight {
		float:right;
		order: 2;
	}
	.imgWidth-50 .articleImgLeft + .articleWrap {
		padding-left: 30px;
		margin-left: 50%;
	}
	.imgWidth-50 .articleImgRight + .articleWrap {
		padding-right: 30px;
		margin-right: 50%;
		text-align: right;
		order: 1;
	}
	.imgWidth-25 .articleImgLeft + .articleWrap {
		margin-left: 33.3%;
	}
	.imgWidth-25 .articleImgRight + .articleWrap {
		margin-right: 33.3%;
	}
	.imgWidth-25 .articleImgLeft + .articleWrap {
		margin-left: 33.3%;
	}
	.imgWidth-25 .articleImgRight + .articleWrap {
		margin-right: 33.3%;
	}
}

@media only screen and (min-width: 720px) {
	.imgWidth-33,
	.imgWidth-33 .articleImg,
	.imgWidth-25,
	.imgWidth-25 .articleImg {
		width: 33.3%;
	}
	.imgWidth-20,
	.imgWidth-20 .articleImg,
	.imgWidth-15,
	.imgWidth-15 .articleImg,
	.imgWidth-10,
	.imgWidth-10 .articleImg,
	.imgWidth-5,
	.imgWidth-5 .articleImg {
		width: 20%;
	}
	
	.imgWidth-50 .articleImgLeft,
	.imgWidth-33 .articleImgLeft,
	.imgWidth-25 .articleImgLeft,
	.imgWidth-20 .articleImgLeft,
	.imgWidth-15 .articleImgLeft,
	.imgWidth-10 .articleImgLeft,
	.imgWidth-5 .articleImgLeft {
		float: left;
	}
	
	.imgWidth-50 .articleImgRight,
	.imgWidth-33 .articleImgRight,
	.imgWidth-25 .articleImgRight,
	.imgWidth-20 .articleImgRight,
	.imgWidth-15 .articleImgRight,
	.imgWidth-10 .articleImgRight,
	.imgWidth-5 .articleImgRight {
		float: right;
		order: 2;
	}
	
	.imgWidth-50 .articleImgLeft + .articleWrap {
		margin-left: 50%;
	}
	.imgWidth-33 .articleImgLeft + .articleWrap,
	.imgWidth-25 .articleImgLeft + .articleWrap {
		margin-left: 33.3%;
	}
	.imgWidth-20 .articleImgLeft + .articleWrap,
	.imgWidth-15 .articleImgLeft + .articleWrap,
	.imgWidth-10 .articleImgLeft + .articleWrap,
	.imgWidth-5 .articleImgLeft + .articleWrap {
		padding-left: 30px;
		margin-left: 20%;
	}
	.imgWidth-50 .articleImgRight + .articleWrap {
		padding-right: 30px;
		margin-right: 50%;
		text-align: right;
		order: 1;
	}
	.imgWidth-33 .articleImgRight + .articleWrap,
	.imgWidth-25 .articleImgRight + .articleWrap {
		padding-right: 30px;
		margin-right: 33.3%;
	}
	.imgWidth-20 .articleImgRight + .articleWrap,
	.imgWidth-15 .articleImgRight + .articleWrap,
	.imgWidth-10 .articleImgRight + .articleWrap,
	.imgWidth-5 .articleImgRight + .articleWrap {
		padding-right: 30px;
		margin-right: 20%;
	}
	
	.imgNone.effect {
		padding: 30px 0 45px;
	}
}

@media only screen and (min-width: 960px) {
	.imgWidth-100 {
		width:100%;
	}
	.imgWidth-75,
	.imgWidth-75 .articleImg {
		width:75%;
	}
	.imgWidth-67,
	.imgWidth-67 .articleImg {
		width:66.7%;
	}
	.imgWidth-50,
	.imgWidth-50 .articleImg {
		width:50%;
	}
	.imgWidth-33,
	.imgWidth-33 .articleImg {
		width:33.3%;
	}
	.imgWidth-25,
	.imgWidth-25 .articleImg {
		width:25%;
	}
	.imgWidth-20,
	.imgWidth-20 .articleImg {
		width:20%;
	}
	.imgWidth-15,
	.imgWidth-15 .articleImg {
		width:15%;
	}
	.imgWidth-10,
	.imgWidth-10 .articleImg {
		width:10%;
	}
	.imgWidth-5,
	.imgWidth-5 .articleImg {
		width:5%;
	}
	
	.imgWidth-75 .articleImgLeft {
		float: left;
	}
	.imgWidth-75 .articleImgRight {
		float:right;
		order: 2;
	}
	.imgWidth-75 .articleImgLeft + .articleWrap {
		margin-left: 75%;
	}
	.imgWidth-75 .articleImgRight + .articleWrap {
		margin-right: 75%;
		text-align: right;
		order: 1;
	}
	.imgWidth-50 .articleImgLeft + .articleWrap {
		margin-left: 50%;
	}
	.imgWidth-50 .articleImgRight + .articleWrap {
		margin-right: 50%;
	}
	.imgWidth-33 .articleImgLeft + .articleWrap {
		margin-left: 33.3%;
	}
	.imgWidth-33 .articleImgRight + .articleWrap {
		margin-right: 33.3%;
	}
	.imgWidth-25 .articleImgLeft + .articleWrap {
		margin-left: 25%;
	}
	.imgWidth-25 .articleImgRight + .articleWrap {
		margin-right: 25%;
	}
	.imgWidth-20 .articleImgLeft + .articleWrap {
		margin-left: 20%;
	}
	.imgWidth-20 .articleImgRight + .articleWrap {
		margin-right: 20%;
	}
	.imgWidth-15 .articleImgLeft + .articleWrap {
		margin-left: 15%;
	}
	.imgWidth-15 .articleImgRight + .articleWrap {
		margin-right: 15%;
	}
	.imgWidth-10 .articleImgLeft + .articleWrap {
		margin-left: 10%;
	}
	.imgWidth-10 .articleImgRight + .articleWrap {
		margin-right: 10%;
	}
	.imgWidth-5 .articleImgLeft + .articleWrap {
		margin-left: 5%;
	}
	.imgWidth-5 .articleImgRight + .articleWrap {
		margin-right: 5%;
	}

	.imagesWrap.effect .imgWrap .img {
		box-shadow: 0 10px 28px rgba(0,0,0,0.25), 0 5px 10px rgba(0,0,0,0.22);
	}
	.imagesWrap.effect .imgWidth-100 .imgWrap,
	.imagesWrap.effect .imgWidth-75 .imgWrap,
	.imagesWrap.effect .imgWidth-67 .imgWrap,
	.imagesWrap.effect .imgWidth-50 .imgWrap,
	.imagesWrap.effect .imgWidth-33 .imgWrap,
	.imagesWrap.effect .imgWidth-25 .imgWrap,
	.imagesWrap.effect .imgWidth-20 .imgWrap {
		margin-left: 15px;
		margin-right: 15px;
	}
}

/* GOOGLE MAPS */
.map_canvas {
	min-height: 200px;
	height: 400px;
	height: 67vh;
	margin-left: -30px;
	margin-right: -30px;
	overflow: hidden;
	position: relative;
}
.map_canvas:before,
.map_canvas:after {
	-webkit-transform-origin: 100% 0%;
	-ms-transform-origin: 100% 0%;
	transform-origin: 100% 0%;
	content: '';
	background: #FFF;
	display: block;
	width: 100%;
	box-shadow: 0 0 10px rgba(0,0,0,.5);
	position: absolute;
	left: 0;
	height: 20%;
	z-index: 1;
}
.map_canvas:before {
	-webkit-transform: skewY(-2deg);
	-ms-transform: skewY(-2deg);
	transform: skewY(-2deg);
	top: -20%;
	
}
.map_canvas:after {
	-webkit-transform: skewY(2deg);
	-ms-transform: skewY(2deg);
	transform: skewY(2deg);
	bottom: -20%;
}
.article .mapWrap:last-child .map_canvas:after {
	display: none;
}
.gmnoprint a,
.gmnoprint span,
.gm-style-cc {
    display:none;
}

@media only screen and (min-width: 720px) {
	.map_canvas {
		margin-left: -10%;
		margin-right: -10%;
	}
}

@media only screen and (min-width: 992px) {
	.map_canvas {
		margin-left: -25%;
		margin-right: -25%;
	}
}

/* SUB NAV IN ARTICLEs */
.navSub ul {
	padding: 0 0 0 2em;
}

/* VIDEOS */
.vid {
	position:relative;
	display:block;
	overflow:hidden;
	background-position: 50% 50%;
	background-size: cover;
	height: 0;
	padding-bottom: 62.5%;
}
.vid .playIcon {
	position:absolute;
	top: 50%;
	left: 50%;
	margin: -32px 0 0 -40px;
}
.vid .video-time {
	position:absolute;
	background:#000;
	color:#FFF;
	display:block;
	padding:3px 6px;
	bottom:0;
	right:0;
	font-weight:bold;
	font-size:10px;
}
.videoFrame {
	float:right;
    position: relative;
    width: 50%;
}
.videoIFrame {
    position: relative;
}
.videoFrame iframe {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}

/* PAGE JUMPS */
.jumper { margin:10px -10px; position:relative; height:40px; }
.jumper .resultStats, .pagerJumper .divider { display:none; }
.jumper .pagerJumper { display:block; margin:0 auto; position:absolute; right:0; }
.pagerJumper a {
	padding:7px 0;
	margin:0 10px;
	display:block;
	float:left;
	width:30px;
	height:16px;
	background-color:#DDD;
	color:#333;
	font-weight:bold;
	line-height:16px;
	text-align:center; 
}
.pagerJumper a.aktiv { font-style:italic; text-decoration:underline; color:#fff; background-color:#333; }
.pagerJumper a .sprt { display:inline-block; }

.pages {
	text-align:center;
	border-top:1px solid #f2f2f2;
	padding-top:5px;
}
.pages a {
	color:#666;
	opacity: .8;
}
.pages a.enabled {
	font-weight:bold;
	opacity: 1;
}
.darkSection .pages {
	border-top: none;
	color: #fff;
}
.darkSection .pages a {
	border-top: none;
	color: #fff;
	text-decoration: none;
}

/* DOWNLOADS */
.downloads {
	margin:1em 0;
}
.downloads h4 {
	margin-top:0;
}
.downloads ul {
	margin:-1em;
	list-style:none;
	padding:0;
}
.downloads li {
	padding:0 !important;
	margin:0;
}
.downloads li:before {
	display: none !important;
}

.downloads .grids_2 .gridItem { width:50%; float:left;  }
.downloads .grids_3 .gridItem { width:33.3%; float:left;  }
.downloads .grids_4 .gridItem { width:25%; float:left;  }
.downloads .grids_2 a, .downloads .grids_3 a .downloads .grids_4 a { min-height:55px; }

.download a { display:block; margin:1em; position:relative; min-height:36px; }
.download a.hasImg { padding-left:48px; }
.download img { position:absolute; left:0; top:0; display:block; }
.download small { display:block; }

.downloads .grids_1 .gridItem.video {
	width: 100%;
	padding: 1em !important;
}
.downloads .grids_1 .gridItem.video video {
	margin-left: 0 !important;
}
.downloads .grids_4 .gridItem.video {
	width: 50%;
}
.downloads video {
	width: 100%;
	height: auto;
}

/* FORMS */
.success {
	color: #0C0;
}

.form fieldset {
	border-width: 0;
	border-top: 1px solid #CCC;
	margin: 1em 0 0;
	padding: 1em 0 0;
	position: relative;
}
.form fieldset legend {
    display: block;
	font-weight:normal;
	font-size: 1.2857em;
	left: 20px;
    margin: 0;
    padding: 0 6px;
	position: absolute;
	top: -.75em;
	background: #FAFAFA;
}
.form .duty {
	font-weight: bold;
	padding-left: 6px;
	color: #E2001A;
	float: right;
}
.form .hint .duty {
	padding: 2px;
	float: none;
}

.optsContainer {
	margin: 16px 0;
}

.optsContainer + .optsContainer,
.optsContainer + fieldset,
.form fieldset + fieldset {
	margin-top: 32px;
}

.optsContainer:after {
	clear:both;
	content:'';
	display:table;
}

.optsContainer label,
label.optsLabel {
	display: block;
	line-height: 1.33333;
	margin: 16px 0 0;
	text-align: left;
	color: #808080;
	font-size:.8em;
	letter-spacing: .02em;
	font-weight: 400;
}
.optsContainer label .shortInfo {
	color: #999;
}
.optsContainer label .shortInfo:before {
	content:' (';
}
.optsContainer label .shortInfo:after {
	content:')';
}

.optsContainer input,
.optsContainer textarea,
.optsContainer select,
.optsContainer .selectWrap {
	width: 100%;
	padding: 8px 0 7px;
	background: none;
	border-bottom: 1px solid #CFE1E5;
	font-size: 1em;
	line-height: inherit;
}
.optsError input,
.optsError textarea,
.optsError select,
.optsError .selectWrap {
	border-bottom-color: #E2001A;
}
.optsError .error {
	font-size:.8em;
	line-height: 1.33333;
	color: #B90015;
	padding: 8px 0;
}

.optsContainer input[type="radio"],
.optsContainer input[type="checkbox"] {
	border: none;
	width: auto;
}
.optsContainer input[type="radio"] + label,
.optsContainer input[type="checkbox"] + label {
	display: inline;
	padding: 0 0 0 8px;
	margin: 0;
	text-align: left;
	width: auto;
	cursor: pointer;
	color: #293133;
	font-weight: 400;
	font-size: 1em;
	line-height: inherit;
}
.optsContainer .optsInline {
	display: inline-block;
	float: none;
	padding: 8px 0 7px;
	margin: 0 24px 0 0;
	border-bottom: 1px solid transparent;
}

.optsContainer .optsInline.optsChecked {
	border-bottom-color: #293133;
}

.optsContainer input:focus,
.optsContainer textarea:focus,
.optsContainer select:focus,
.optsContainer .selectWrap:hover,
.optsContainer .optsInline:hover {
	border-bottom-color: #98A7AB;
	color: #293133;
}

.optsContainer .selectWrap {
	position: relative;
	padding: 0;
}
.optsContainer .selectOver {
	position: absolute;
	left: 0;
	top: 8px;
	width: 100%;
}
.optsContainer .selectOver:after {
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -3px;
	content: '';
	display: block;
	height: 0;
	width: 0;
	border-style: solid;
	border-width: 6px 6px 0 6px;
	border-color: #293133 transparent transparent;
	border-radius: 1px;
	-webkit-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-transition: transform .2s;
	-ms-transition: transform .2s;
	transition: transform .2s;
}
.optsContainer .selectOver.focus:after {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}
.optsContainer .selectWrap select {
	width: 100%;
	opacity: 0;
	position: relative;
}

/* BUTTONS */
.btnContainer {
	text-align: right;
}

@media only screen and (min-width: 720px) {
	.form .duty {
		float: left;
		padding-left: 0;
		padding-right: 6px;
	}
	.optsContainer label {
		float: left;
		margin-right: 2%;
		text-align: left;
		width: 32%;
		margin-top: 12px;
	}
	.optsContainer label .shortInfo {
		display: block;
		padding-top: 8px;
	}
	
	.optsContainer input[type="radio"] + label,
	.optsContainer input[type="checkbox"] + label {
		float: none;
	}
	
	.optsContainer input,
	.optsContainer textarea,
	.optsContainer select,
	.optsContainer .selectWrap,
	.optsContainer .optsBlock {
		width: 66%;
		float: right
	}
	.optsContainer input[type="radio"],
	.optsContainer input[type="checkbox"] {
		float: none;
	}
}

/* SHOW EFFECTS */
.showEffect.scale {
	visibility: visible !important;
	opacity: 0;
	-webkit-transform: scale(.01);
	-ms-transform: scale(.01);
	transform: scale(.01);
}
.showEffect.slideInFromLeft {
	opacity: 0;
	-webkit-transform: translate(-150px, 50px);
	-ms-transform: translate(-150px, 50px);
	transform: translate(-150px, 50px);
}
.showEffect.slideInFromRight {
	opacity: 0;
	-webkit-transform: translate(150px, 50px);
	-ms-transform: translate(150px, 50px);
	transform: translate(150px, 50px);
}
.showEffect.slideInFromBottom {
	opacity: 0;
	-webkit-transform: translateY(150px);
	-ms-transform: translateY(150px);
	transform: translateY(150px);
}

.showEffect.slideInFromBottom.show,
.showEffect.slideInFromLeft.show,
.showEffect.slideInFromRight.show,
.showEffect.scale.show {
	opacity: 1;
	-webkit-transition: opacity .5s, transform .5s;
	transition: opacity .5s, transform .5s;
}
.showEffect.scale.show {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}
.showEffect.slideInFromRight.show,
.showEffect.slideInFromLeft.show,
.showEffect.slideInFromBottom.show {
	-webkit-transform: translate(0);
	-ms-transform: translate(0);
	transform: translate(0);
}

/* Shareiff */
.shariff ul li {
	padding-left: 0;
}
.shariff ul li:before {
	display: none;
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}