/* Layout - Intro */

body {
	overflow-x: hidden;
}
body > #PageWrapper {
	overflow-x: visible;
}

/* Header */

#HeaderWrapper.mobile {
    position: absolute;
}
body.menuopen #HeaderWrapper.mobile {
    position: absolute;
}

/* Content */

body.preload #ContentWrapper {
	opacity: 0;
}
#ContentWrapper {
	opacity: 1;
	-webkit-transition: opacity 100ms ease-in-out;
	-moz-transition: opacity 100ms ease-in-out;
	-ms-transition: opacity 100ms ease-in-out;
	-o-transition: opacity 100ms ease-in-out;
	transition: opacity 100ms ease-in-out;
}

body.contentShow #ContentWrapper > div {
	margin-top: 0 !important;
	-webkit-transition: margin-top 1500ms ease-in-out;
	-moz-transition: margin-top 1500ms ease-in-out;
	-ms-transition: margin-top 1500ms ease-in-out;
	-o-transition: margin-top 1500ms ease-in-out;
	transition: margin-top 1500ms ease-in-out;
}
#ContentWrapper > div > section {
	background: #FFFFFF;
	background: rgba(255, 255, 255, 0.85);
	border-top: 1px solid #FFFFFF;
	position: static;
}
#ContentWrapper > div > a.scroll {
	bottom: 67px;
	color: #FFFFFF;
	font-size: 29px;
	left: 50%;
	margin: 0 0 0 -26px;
	position: fixed;
}
body.scroll #ContentWrapper > div > a.scroll,
body.contentShow #ContentWrapper > div > a.scroll {
	opacity: 0;
	overflow: hidden;
	-webkit-transition: opacity 200ms ease-in-out;
	-moz-transition: opacity 200ms ease-in-out;
	-ms-transition: opacity 200ms ease-in-out;
	-o-transition: opacity 200ms ease-in-out;
	transition: opacity 200ms ease-in-out;
}
#ContentWrapper > div > a.scroll:after {
	content: "\E81D";
	font-family: "fontello";
}

/* Teasertext */

aside .cmsTeaser article {
	cursor: pointer;
}
aside .cmsTeaser article.topOffer:after {
	background: url("/img/layout/top-angebot-de.png") no-repeat top left;
	content: "";
	height: 145px;
	position: absolute;
	top: 0;
	right: 0;
	width: 141px;
}
html[lang="en"] aside .cmsTeaser article.topOffer:after,
html[lang="nl"] aside .cmsTeaser article.topOffer:after {
	background: url("/img/layout/top-angebot-en.png") no-repeat top left;
}
aside .cmsTeaser article > figure > figcaption > p > span.text {
	display: none;
}

/* Footer */

#FooterWrapper {
    background: #92A8BC;
}

@media all and (min-width: 990px){

	#FooterWrapper {
		left: 0;
		margin: 0;
		position: fixed;
		width: 100%;
	}

}

/* Animation */

.micAnimation > ul > .slide > .textBox.textWrap {
    display: block;
    right: auto !important;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}
body.scroll .micAnimation > ul > .slide > .textBox.textWrap,
body.contentShow .micAnimation > ul > .slide > .textBox.textWrap {
	margin-top: -10px;
	opacity: 0;
}
.micAnimation > ul > .slide > .textBox.textWrap > p {
	color: #242424;
	display: table;
	font-family: "Alegreya SC", serif;
	font-size: 57px !important;
	font-weight: normal;
	line-height: 1.1;
	text-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
	width: auto !important;
}
.micAnimation > ul > .slide > .textBox.textWrap > p.text1 {
	margin: 0 0 0 250px;
}
.micAnimation > .arrows {
	display: block;
}
.micAnimation > .arrows > a {
	background: #FFFFFF;
	background: rgba(255, 255, 255, 0.8);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
    font-size: 47px;
    height: 67px;
    line-height: 80px;
    margin-top: -21px !important;
    opacity: 1 !important;
    text-align: center;
    width: 50px;
}
.micAnimation > .arrows > a:hover {
	background: rgba(255, 255, 255, 0.95);
}
.micAnimation > .arrows.animated > a.next {
	right: 0 !important;
	padding: 0 0 0 7px;
}
.micAnimation > .arrows.animated > a.prev {
	left: 0 !important;
	padding: 0 0 0 4px;
}
.micAnimation > .arrows > a.next:before {
	content: "\E83F";
}
.micAnimation > .arrows > a.prev:before {
	content: "\E83E";
}

/* Teasergruppe */

aside {
	bottom: 100px;
    position: fixed;
    width: 415px;
}
body:not(.noAnimation) aside {
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}
body.scroll aside,
body.contentShow aside {
	margin-bottom: 30px;
	opacity: 0;
}
.cmsTeaser article {
	margin: 0;
	width: 100%;
}
.owl-theme .owl-controls {
	margin-top: 0;
}
.owl-theme .owl-controls .owl-page span {
	background: #FFFFFF;
	height: 13px;
	margin: 1px 3px;
	opacity: 1;
	position: relative;
	width: 13px;
}
.owl-theme .owl-controls .owl-page.active span:after {
	background: #892737;
	border-radius: 10px;
	bottom: 2px;
	content: "";
	left: 2px;
	right: 2px;
	position: absolute;
	top: 2px;
}

@media all and (max-width: 1500px){

	aside {
		width: 320px;
	}
	.owl-carousel .owl-item {
		width: 320px !important;
	}
	.cmsTeaser article > figure > figcaption > a {
		font-size: 22px;
	}
	.micAnimation > .arrows {
		display: none;
	}
	body.scroll .micAnimation > .arrows.animated > a {
		-webkit-transition: all 300ms ease-in-out !important;
		-moz-transition: all 300ms ease-in-out !important;
		-ms-transition: all 300ms ease-in-out !important;
		-o-transition: all 300ms ease-in-out !important;
		transition: all 300ms ease-in-out !important;
	}
	body.scroll .micAnimation > .arrows.animated > a.next {
		right: -50px !important;
	}
	body.scroll .micAnimation > .arrows.animated > a.prev {
		left: -50px !important;
	}

}
@media all and (max-width: 1200px), (max-height: 800px){

	.micAnimation > ul > .slide > .textBox.textWrap {
		left: auto !important;
		margin-left: 0 !important;
		right: 5% !important;
		top: 25% !important;
	}

}
@media all and (max-width: 1000px){

	.micAnimation > ul > .slide > .textBox.textWrap {
		left: 5% !important;
		right: auto !important;
	}
	aside {
		display: none;
	}

}
@media all and (max-width: 990px){

	#ContentWrapper > div {
		margin-top: 0 !important;
	}
	#ContentWrapper > div > a.scroll {
		display: none;
	}
	.micAnimation > ul > .slide > .textBox.textWrap {
		display: none;
	}

}
@media all and (max-width: 750px){

	.micAnimation > ul > .slide > .textBox.textWrap {
		left: 10%! important;
		margin-left: 0;
	}
	.micAnimation > ul > .slide > .textBox.textWrap > p {
		font-size: 40px;
	}
	.micAnimation > ul > .slide > .textBox.textWrap > p.text1 {
		margin-left: 150px;
	}

}
@media all and (max-width: 500px){

	#ContentWrapper > div {
		margin-top: 0 !important;
	}
	h1.cms + h2.cms {
		box-shadow: none;
	}
	.micAnimation > .arrows {
		display: none;
	}
	.micAnimation > ul > .slide > .textBox.textWrap {
		display: none !important;
	}
	.micAnimation > ul > .slide > .textBox.textWrap > p {
		font-size: 30px;
	}
	.micAnimation > ul > .slide > .textBox.textWrap > p.text1 {
		margin-left: 100px;
	}

}
@media all and (max-width: 400px){

	body.contentShow #ContentWrapper > div {
		margin-top: 69px !important;
	}
	.micAnimation > ul > .slide > .textBox.textWrap {
		left: 5% !important;
	}

}
@media all and (max-height: 650px){

	aside {
		display: none;
	}

}
@media all and (max-height: 500px){

	.micAnimation > ul > .slide > .textBox.textWrap {
		top: 35% !important;
	}

}