@charset "utf-8";
/* CSS Document */

body,html {-webkit-text-size-adjust:none;text-align:left;}
html {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;box-sizing: border-box;}
*, ::before, ::after {box-sizing: inherit;}
body {padding:0;margin:0;height:100%;width:100%;color: #333333;font-size:1.05em;line-height:1.62em;font-family: "proxima-nova",sans-serif;font-weight:300;background: #ffffff;text-align:left;letter-spacing:0.04em}

a img {border: none;}
a {color: #666;text-decoration: none; }
a:link, a:visited {color: #666;text-decoration: none; }
a:hover, a:active, a:focus { color: #335a82;text-decoration: none;}
a:focus { outline: none; }
ul, ol, dl { padding: 0;margin: 0;}

.slicknav_menu{display:block;position:relative;z-index:999999!important;width: 100%;max-width: 1328px;height:0px;margin-top:-20px;margin-left:auto;margin-right:auto}
.slicknav_menu .slicknav_menutxt{display:block;line-height:1.188em;float:left;color:#333333;font-weight:bold;text-shadow:0 1px 1px #000;}
.slicknav_menu .slicknav_icon{float:left;margin:0.25em 0 0 0.438em;}
.slicknav_menu .slicknav_no-text{margin:0}
.slicknav_menu .slicknav_icon-bar {font-size: 16px; display: block; width: 1.7em; height: 0.12em; border-top: 0.12em solid #3b3b3a; background-color: transparent; padding-top: 0.0em;}
.slicknav_btn {z-index: 100;position: relative;display: block;vertical-align: middle; float: left; top: 0px;right: -97.5%;
    cursor: pointer;text-decoration: none;text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); margin-right: 0px;}
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar{margin-top:0.188em}
.slicknav_nav{clear:both;position:absolute;top:0px;float:right;right:0%;width:100%;background-color: #f5f5f5;-webkit-opacity:0.95;-moz-opacity:0.95;opacity:0.95;z-index:35;margin:0;font-size:15px;list-style:none;overflow:hidden;color:#fff;}
.slicknav_nav ul,
.slicknav_nav li{display:block; text-align:left;text-transform:uppercase!important;letter-spacing:0.01em;padding: 0.8% 2.5%!important;color:#fff; border-bottom:1px solid #fff}
.slicknav_nav li:last-child{ border-bottom:0px solid #fff}
.slicknav_nav .slicknav_arrow{font-size:0.6em;color:#999999;margin:0 0.4em 0.4em 0.4em;margin-top:-1em;}
.slicknav_nav .slicknav_item{cursor:pointer;}
.slicknav_nav .slicknav_row{display:block;}
.slicknav_nav a{display:block}
 .slicknav_nav span{margin: 0px!important; padding: 0%!important;}
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a{display:inline}
.slicknav_nav, .slicknav_nav ul{margin-top:100px;list-style:none;overflow:hidden;color:#ffffff;padding-top:0px;padding-bottom:0px;display:none;background-color:#335a82;}

.slicknav_nav li li a{text-transform:uppercase!important;font-size:0.9em!important;}
.slicknav_nav ul{padding:0px;margin:10px 0px 0px 20px;margin-top:0px;list-style:none;overflow:hidden;color:#fff;}
.slicknav_nav .slicknav_row{padding:5px 10px;margin:2px 5px;}
.slicknav_nav a{text-decoration:none;color:#fff;letter-spacing:0.04em;text-transform:uppercase;font-weight:300!important;}
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a{padding:0;margin:0;}
.slicknav_nav a:hover{color:#999;}
.js .slicknav_menu{display:block;}

#maintable, #maintable tr, #maintable td {height: 100%;border:0;margin:0 auto;} 
#mainbox {margin:0 auto; padding: 0px;text-align:left;} 
#wrapper {	width:90%;	max-width:1328px;margin-top: 65px;	text-align:center;	margin-left:auto;	margin-right:auto;}	
#header{width:100%;height:105px;}
#logo {		width:417px;height:86px;background-image:url(../Bilder/Logo2.svg);text-align:center;float:none;	margin-left:auto;	margin-right:auto;}	
.text {	width:50%;max-width:664px;	line-height:1.62em;	float:left;	padding-top:75px;	padding-left:75px;	padding-right:105px;	text-align:left;background:#f5f7f8;}
.text2 {	line-height:1.62em;width:50%;max-width:664px;	height:auto;	float:left;	padding-top:9%;	padding-left:12%;	padding-right:85px;	text-align:left;background:#f5f7f8;position:relative}
.container1 {	position:relative;height:auto;	width:100%;float:left;	background:#f5f7f8;padding:0em;margin:0em;overflow: hidden;line-height: 1px}
#container1 p, #container1 ul {font-size:1.05em;line-height:1.62em;text-align: left}
#container1 .container1 {padding:75px 75px 35px 75px}
#container1 .container1 {padding:75px 75px 35px 75px}
.bild {	width:50%;max-width:664px;height:auto;margin-left:0px;float:right;box-sizing: content-box}
.bild2 {	position:relative;width:50%;max-width:664px;height:auto;margin-left:0px;float:left;overflow:hidden;}
.text3{	width:45%;	float:left;padding:4em 0em 6em 0em;text-align:left;}
.text4{	width:45%;	float:right;padding:4em 0em 6em 0em;text-align:left;}
.voe{	border-top:solid 0.1em #c3c3c8; border-bottom:solid 0.1em #c3c3c8;padding-top:1em;padding-bottom:1em;margin:0em; margin-top:1em;}
.voe2{	border-top:solid 0em #c3c3c8; border-bottom:solid 0.1em #c3c3c8;padding-top:1em;padding-bottom:1em;margin:0em}

#footer {width:100%;max-width:1328px;height:48px;margin-top:15px;float:left;font-size:0.8em;letter-spacing:0.05em;color:#666;}
#copy {width:auto;height:28px;float:left;text-align:left;}
#right {width:auto;height:28px;float:right;text-align:right;}
.grau{ color:#949596}
 #menu{display:none;}
img.plan{float:left}
.pla{float:left; position: absolute;right:0;bottom:0;z-index: 10; height:auto; width:50%;}
.plantext{float:left;width:auto;height:auto;margin-right:30px;margin-bottom:20px;margin-top:0px;}
.log  {width:416px;height:auto; float:none; position:absolute; left:50%; margin-left:-208px;}
h1, h2 {font-size:1.05em;background:none; text-transform:uppercase;color:#949596; font-weight:500;letter-spacing:0.18em;margin-bottom:1em;height:auto;text-align: left}
  p{height:auto;background:none;margin-bottom:1em;text-align: left}
.blau { text-transform:uppercase;color:#335982; font-weight:500;letter-spacing:0.12em;}
.blau2 {color:#335982;}
.bildmob{display:none;}.bildmob2{display:none;}
strong{font-weight:500}
 .left{float:left!important}
h3{color:#335982!important;font-family: "proxima-nova",sans-serif!important;font-weight:500!important; font-size:1.05em!important;margin-bottom:0px!important;letter-spacing: 0.05em!important}
@media screen and (max-width: 1420px) {
	
	.slicknav_nav {right: 0%; width: 100%;margin-top: 90px;}
	.slicknav_menu {width: 90%;}
body {font-size:1em;line-height:1.62em;text-align:left;letter-spacing:0.04em}
	.text {	width:50%;	height:auto;padding-top:75px;	padding-left:45px;	padding-right:45px;}
.pla { height: auto;}
#footer {margin-top: 10px;}}
@media screen and (max-width: 1296px) {
body, .text, .text1{font-size:0.99em;line-height:1.5em;letter-spacing:0.04em}
	.text {	padding-top:115px;	padding-left:65px;	padding-right:65px;}

}
@media screen and (max-width: 1240px) {.text2 h1 {display:none}
body, .text, .text1, .text2, .text3, .text4{font-size:0.98em;line-height:1.5em;letter-spacing:0.04em}
	.text {	padding-top:110px;	padding-left:65px;	padding-right:65px;}

}

@media screen and (max-width: 1140px) {
body, .text, .text1, .text2, .text3, .text4{font-size:0.98em;line-height:1.5em;letter-spacing:0.02em}
	.text {	padding-top:85px;	padding-left:65px;	padding-right:65px;}
.text3, .text4{width:48%}
	.text2 h1 {margin-bottom: 0.5em!important;}text { padding-top: 85px; padding-left: 45px; padding-right: 45px;}
}

@media screen and (max-width: 1080px) {

.text3, .text4{width:100%}.text3{padding-bottom:0em;padding-top:2.5em;}.text4{padding-top:0em;padding-bottom:3.5em}
.voe{margin-top: 1.5em;}.text2 { padding-right:0px;padding-left: 10%; }.text { padding-top: 45px; padding-left: 45px; padding-right: 45px;}
	.log  {width:360px;height:auto;   margin-left:-180px;}
#header { height: 90px;}
}
@media screen and (max-width: 1020px) {
.text2 {font-size:0.9em;}
}
@media screen and (max-width: 960px) {body, .text, .text1, .text2, .text3, .text4{line-height:1.5em;letter-spacing:0.02em}

.text {padding-top: 35px; }
}
@media screen and (max-width: 920px) {
	.text {padding-top: 30px; }
}

@media screen and (max-width: 875px) {
	.text {	padding-left:35px;padding-top: 35px;	padding-right:35px;height:100%}
.container1 {	height:300px} .bild2 img{	height:300px; width:auto!important; right:0px!important;position:absolute;} 
 .bild2{	height:300px; width:50%!important; position:relative;}
	#container1 .container1 {	height:auto}}
@media screen and (max-width: 820px) {	.text {padding-top: 25px;}
		.slicknav_nav {margin-top: 80px;}
	.slicknav_nav li { padding: 1.5% 2.5% !important;}
	.slicknav_btn { right: -96%;}
	.text {	padding-bottom:35px;padding-top:10px;}	.log  {width:320px;height:auto; margin-left:-160px;}
#header { height: 72px;}#wrapper { margin-top: 50px;}
	.text2 { padding-left: 8%;}
}

@media screen and (max-width: 736px) {
.bilddesk{display:none}.bildmob{display:block}
	.text {width:100%; padding-top:35px;}.bild img{	height:auto; width:100%!important; margin-left: 0px !important;} .bild{	height:auto; width:100%!important}
.container1 {	height:auto}.text {padding-bottom: 20px;}
	.text2 { padding-left: 20px;}
}
@media screen and (max-width: 645px) {
.bilddesk{display:none}.bildmob2{display:block;}
	.text {width:100%}.bild img{	height:auto; width:100%!important; margin-left: 0px !important;} .bild{	height:auto; width:100%!important}
.container1 {	height:auto}.text {padding-bottom: 20px;}.bild2 {display:none}
	.text2 {padding-bottom: 65px;width:100%;}.pla {width:100%;position:relative}#footer {font-size: 0.75em;}
	#container1 .container1 {padding:35px}
	.slicknav_btn { right: -93%;top:-18px}
	#wrapper {width: 100%;}
	.text3, .text4, #footer{padding-left: 35px;padding-right: 35px;}.slicknav_menu .slicknav_icon-bar {
  width: 1.3em; height: 0.15em; border-top: 0.12em solid #3b3b3a;}
		.text2 { padding-left: 35px;}
}

@media screen and (max-width: 410px) {.slicknav_nav li { padding: 2% 2.5% !important;}.slicknav_nav {margin-top: 70px;}
.log { width: 280px; height: auto;margin-left: -140px; margin-top: 10px;}.text2 {padding-left: 25px; padding-top: 65px; padding-right: 0px;}#header {height: 80px;}
	.text {padding-left: 25px; padding-top: 25px; padding-right: 25px;}.bild img { width: 130% !important; margin-left: -50px !important;}
	#container1 .container1 {padding:35px}	.text3, .text4, #footer{padding-left: 25px;padding-right: 25px;}}

@media screen and (max-width: 360px) {
.bild img { width: 150% !important; margin-left: -60px !important;}
}