*,
*:after,
*:before {
	margin:0;
	padding:0;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
body {
	font-family: 'Open Sans', sans-serif;
	font-size:.8em;	
	overflow-x:hidden;
	position:absolute;
	width:100%;
}

.container {
	max-width:1250px;
	margin:0 auto;
}
img {
	width:100%;
	height:auto;
}

header {
	position:absolute;
	float:left;
	width:100%;	
	height:auto;
	color:#FFF;
	padding:4%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
div.header{
	position:absolute;
	background-color:#000000;
	width:100%;
	height:96px;
	margin-bottom:0;
}


#logo {
	position:absolute;
	z-index:5;
	background-image:url(../images/Logo.Schatten-kl.png);
	background-repeat:no-repeat;
	width:80px;
	margin-bottom:10px;
	display:block;
	height:117px;
	text-align:center;
	float:left;
	text-indent:-9999px;
}
div.logo {
	padding-left:88px;
}
div.logo h1{
	padding-top:5px;
	font-size:20px;
	font-weight:600;
	line-height:1.2;
}
div.logo h1 span{
	display:block;
	font-weight:600;
	font-size:20px;
}
div.logo h1 b{
	font-weight:400;
}
/* Navigation*/
a,
a:hover {
	text-decoration:none;
}
ul,
ol {
	list-style:none;
}

.main {
	width:100%;
}
.nav {
	position:absolute;
	float:right;
	margin-top:46px;
	display:inline-block;
	font-size:14px;
	font-weight:400;
	z-index:3;
}
.nav-list {
	text-align:left;
}
.nav-item {
	float:left;
	*display:inline;
	zoom:1;
	position:relative;
}
.nav-item a {
	display:block;
	color:#FFF;
	padding:15px 20px;
	background:#000;
	border-bottom:1px solid #0c61e9;
	text-align:center;
}
.nav-item a.activlink{
	font-weight:900;
}
.nav-item > a:hover {
	background:#094ab1;
}
.nav-item:hover .nav-submenu {
	display:block;
}
/* Navigation submenu */
.nav-submenu {
	display:none;
	position:absolute;
	left:0;
	width:180px;
	background:#FFF;
}

.nav-submenu-item a {
	background:#094ab1;
	border-bottom:1px solid #0c61e9;
	display:block;
	padding:15px;
}
.nav-submenu-item a:hover {
	background:#0c61e9;
}
/* Mobile navigation */
.nav-mobile {
	display:none; /* Hide from browsers that don't support media queries */
	cursor:pointer;
	position:absolute;
	top:0;
	right:0;
	background:#094ab1 url(../img/nav.svg) no-repeat center center;
	background-size:18px;
	height:50px;
	width:50px;
	margin-left:20px;
}
/* clickable area*/
.nav-click {
	position:absolute;
	top:0;
	right:0;
	display:none;
	border-left:1px solid #0c61e9;
	height:49px;
	width:50px;
	background:#094ab1;
	cursor:pointer;
	
}
.nav-click i {
	display:block;
	height:48px;
	width:48px;
	background:url(../img/drop.svg) no-repeat center center;
	background-size:20px;
	
}
.nav-click:hover {
	background-color:#0c61e9;
}
.nav-rotate {
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	transform:rotate(180deg);
}

/* Slider*/

.slideshow {
	list-style: none;
	float:center;
	max-width: 1238px;
	height: 350px;
	position:relative;
	top: 150px;
	z-index: -1;
	margin-left:auto;
	margin-right:auto;
}

.slideshow li {
	position: absolute;
	width: 101%;
	height: 101%;
	top: -0.5%;
	left: -0.5%;
	opacity: 0;
	-webkit-transition: opacity 1s;
	-moz-transition: opacity 1s;
	transition: opacity 1s;
}

/* If background-size supported */

.backgroundsize .slideshow li {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-position: center center;
}

.backgroundsize .slideshow li img {
	display: none;
}

.slideshow li img {
	display: block;
	width: 100%;
}

/* Fallback */

.no-js.no-backgroundsize .slideshow li:first-child {
	opacity: 1;
}

.no-js.backgroundsize .slideshow li:first-child img {
	display: block;
}
/* Slider_Ende*/

div.sectiontext{
	margin-top:220px;
	margin-bottom:60px;
}
div.sectiontext-left{
	width: 100%;
	float: left;
	text-align: center;
	padding: 0 20px;
}

div.sectiontext-left strong{
	font-weight:200;
	font-size:24px;
}
div.sectiontext-left strong span{
	display:block;
}

div.sectiontext-right{
	width: 100%;
	float: left;
	text-align: left;
	padding: 0 20px;
	margin-top:-10px;
}
.sectiontext:before,
.sectiontext:after {
	content: " ";
	display: table;
}
.sectiontext p{
	padding-top:40px;
	font-weight:200;
	font-size: 18px;
}
.sectiontext h2 {
	font-size: 5em;
	font-weight: 300;
	line-height: 1;
	padding-bottom:15px;
}
div.move-scroller#move-scroller{
	width:100%;
	margin-top: 440px;
	margin-bottom: 80px;
	clear: both;
}

.move-section {
	margin-top: 60px;;
}


/* Clear floats of children */
.move-section:before,
.move-section:after {
	content: " ";
	display: table;
}

.move-section:after {
	clear: both;
}

/* Text styling */
.move-section h2 {
	font-size: 3em;
	font-weight: 300;
	line-height: 1;
}

.move-section p {
	font-size: 18px;
	font-weight: 300;
	padding-top:10px;
}

/* Sides */
.move-side {
	width: 100%;
	float: none;
	margin: 0;
	padding: 20px 2%;
	overflow: hidden;
	min-height: 12em;
	-webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
	-moz-transition: -moz-transform 0.5s, opacity 0.5s;
	transition: transform 0.5s, opacity 0.5s;
}

/* Clear floats of children */
.move-side:before,
.move-side:after {
	content: " ";
	display: table;
}

.move-side:after {
	clear: both;
}

.move-side-right {
	text-align: left;
	padding: 0 4%;
	margin-top:50px;
}
div.move-side .move-side-right strong {
	padding-top:30px;
	font-size:22px;
}

.move-side-left {
	padding: 0 4%;
	text-align: left;
	margin-top:50px;
}

.move-side img {
	max-width: 100%;
}
.move-init .move-side {
	opacity: 0;
}

.move-init .move-side-left {
	-webkit-transform: translateX(-80px);
	-moz-transform: translateX(-80px);
	transform: translateX(-80px);
}

.move-init .move-side-right {
	-webkit-transform: translateX(80px);
	-moz-transform: translateX(80px);
	transform: translateX(80px);
}


.move-section.move-animate .move-side-left,
.move-section.move-animate .move-side-right {
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transform: translateX(0px);
	opacity: 1;
}
.move-init .move-side-right b{
	font-size:16px;
	font-weight:600;
}

div.space{
	height:150px;
}
footer{
	position: fixed;
	bottom: 0;
	width: 100%;
	background-color:#990000;
	height:35px;
}
footer div.impressum{
	color:#FFFFFF;
	padding-top:7px;
	text-align:center;
}
footer div.impressum a{
	font-weight:800;
	color:#FFF;
	padding-left:5px;
	text-transform: uppercase;
	text-decoration:none;
}
/* Navigation */
@media only screen and (min-width: 320px) and (max-width: 1115px) {
	.nav-mobile {
		display:block;
	}
	.nav {
		width:100%;
		padding:50px 0 0;
	}
	
	.nav-list {
		display:none;
	}
	.nav-item {
		width:100%;
		float:none;
	}
	.nav-item > a {
		padding:15px;
	}
	.nav-item a {
	background:#094ab1;
	border-bottom:1px solid #0c61e9;
}
	.nav-click {
		display:block;
	}
	.nav-mobile-open {
		border-radius:5px 5px 0 0;
		-webkit-border-radius:5px 5px 0 0;
		-moz-border-radius:5px 5px 0 0;
	}
	.nav-item:hover .nav-submenu {
		display:none;
	}
	.nav-submenu {
		position:static;
		width:100%;
	}
	.nav-submenu a {
		background:#08429f;
	}
	
}
@media screen and (min-width:400px) {
	#logo {
		top:30px;
	}
	div.logo {
	position:absolute;
	padding-left:85px;
	top:10px;
	}
div.logo h1{
	font-size:22px;
	font-weight:600;
	line-height:1.2;
}
div.logo h1 span{
	font-size:21.5px;
	font-weight:400;
	display:block;
}
	
}
@media screen and (min-width:500px) {
body {font-size:0.95em;}
.slideshow {
	height: 400px;
}	
}
@media screen and (min-width:550px) {
	body {font-size:1em;}
	div.logo {
	padding-left:80px;
}
	div.header{
	position:absolute;
	background-color:#000000;
	width:100%;
	height:115px;
	margin-bottom:0;
}
	#logo {
	position:absolute;
	z-index:2;
	background-image:url(../images/Logo.Schatten-m.png);
	width:110px;
	margin-bottom:10px;
	display:block;
	height:117px;
	text-align:center;
	float:left;
	text-indent:-9999px;
	top:30px;
}
	div.logo {
	padding-left:115px;
	padding-top:10px;
}
	
}
@media screen and (min-width:620px) {
	
	#logo {
		position:absolute;
		float:left;
	}
	#content {padding:4% 4% 0 4%;}
	.move-section h2 {
	font-size: 60px;
	font-weight: 300;
	line-height: 1;
}
}

@media screen and (min-width: 658px) {
	.move-scroller {
		font-size: 65%;
	}
.sectiontext h2 {
		margin: 0;
	}

	
}

@media screen and (min-width:720px) {

.slideshow {
	height: 600px;
}	
}
@media screen and (min-width:800px) {
div.move-scroller#move-scroller{
	padding-top: 40px;
	margin-bottom: 120px;
	clear: both;
}
}
@media screen and (min-width:920px) {
	footer{
		width:100%;
		left:0;
	}
}
@media screen and (min-width:1115px) {
	.nav {
		float:right;
		right:0;
	}
	img.trio{
	padding: 30px 45px 0px;
}

.move-side img {
	max-width: 100%;
	margin-bottom:100px;
}
.move-side {
	width: 50%;
	float: left;
	}
	div.sectiontext{
	margin-top:220px;
}
div.sectiontext-left{
	width: 50%;
	float: left;
	text-align: right;
	padding: 0 20px;
}

div.sectiontext-left strong{
	font-weight:400;
	font-size:24px;
}
div.sectiontext-left strong span{
	display:block;
}

div.sectiontext-right{
	width: 50%;
	float: left;
	text-align: left;
	padding: 0 20px;
	margin-top:-10px;
}
.sectiontext:before,
.sectiontext:after {
	content: " ";
	display: table;
}
.sectiontext p{
	padding-top:40px;
	font-weight:200;
	font-size: 18px;
}
.sectiontext h2 {
	font-size: 5em;
	font-weight: 300;
	line-height: 1;
	padding-bottom:15px;
}
.move-side-right img {
	float: left;
}

.move-side-left img {
	float: right;
}

}
@media screen and (min-width:1234px) {
	
	div.logo h1{
	font-size:24px;
	font-weight:600;
	line-height:1.2;
}
div.logo h1 span{
	font-size:24px;
	font-weight:400;
	display:inline;
}
}