@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-left:75px;	padding-right:105px;text-align:left;height:100%}
.text2 {	line-height:1.62em;width:50%;max-width:664px;	height:auto;	float:left;	padding-top:15%;	padding-left:12%;	padding-right:85px;	text-align:left;position:relative}
.container1 {	position:relative;height:auto;	width:100%;float:left;	background:rgba(153, 153, 153, 0.1);padding:0em;margin:0em;overflow: hidden;line-height: 1px;}

div#Profil.container1{ display: flex;
flex-direction: row-reverse;
align-items: center}
#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:4.5em 0em 7em 0em;text-align:left;}
.text4{	width:45%;	float:right;padding:4.5em 0em 7em 0em;text-align:left;}
.voe{	border-top:solid 0.1em #c3c3c8; border-bottom:solid 0.1em #c3c3c8;margin:0em; margin-top:1em;height:140px; display: flex;align-items: start;flex-direction: column;justify-content: center;}
.voe2{	border-top:solid 0em #c3c3c8; border-bottom:solid 0.1em #c3c3c8;margin:0em;height:140px;  display: flex;align-items: start;flex-direction: column;justify-content: center }

#footer {width:100%;max-width:1328px;height:48px;margin-top:33px;margin-bottom:10px;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:#969694}
 #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:#335982; 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-left:45px;	padding-right:45px;}
.pla { height: auto;}
#footer {margin-top: 30px;}}
@media screen and (max-width: 1296px) {
body, .text, .text1{font-size:0.99em;line-height:1.5em;letter-spacing:0.04em}
	.text {	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-left:65px;	padding-right:65px;}

}

@media screen and (max-width: 1140px) {
body, .text, .text1, .text2, .text3, .text4{font-size:0.96em;line-height:1.5em;letter-spacing:0.02em}
	.text {	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:4.5em}
.voe{margin-top: 1.5em;}.text2 { padding-right:0px;padding-left: 10%; }.text { padding-left: 45px; padding-right: 45px;}
	.log  {width:360px;height:auto;   margin-left:-180px;}
#header { height: 90px;}.voe2, .voe {height: auto;padding-top:20px;padding-bottom:20px}.voe {border-top: solid 0em #c3c3c8;margin-top:0em;}
	.text4 {margin-top:0px!important}.text2 {}
}
@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 {}
}
@media screen and (max-width: 920px) {
	.text { }div#Profil.container1 {
height: 400px!important;} .bild {
height: 400px!important;overflow:hidden;} .bild img{
height: 400px!important;width:auto!important}
}

@media screen and (max-width: 875px) {
	.text {	padding-top:25px;padding-left:35px;padding-right:35px;height:100%}
.container1 {	height:400px}
	#container1 .container1 {	height:auto}.bild2 img {	height:400px; width: auto !important;          /* Das Bild wird zu einem block Element */
  margin: 0 auto; }.bild2 {
  display: flex;          /* Das div-Element wird zu einem flex container */
  justify-content: center;/* Das Kind-Element wird horizontal zentriert */
  align-items: center;    /* Das Kind-Element wird vertikal zentriert */
 }}
@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;}	.log  {width:320px;height:auto; margin-left:-160px;}
#wrapper { margin-top: 50px;}
	.text2 { padding-left: 8%;padding-top:20%}.bild img { margin-left: -50px}.container1 { height: 400px;}.bild2 {height: 400px}
}

@media screen and (max-width: 736px) {
.bilddesk{display:block}.bildmob{display:block}
	.text {width:100%;padding-bottom: 50px;padding-top: 50px; }.bild img{	height:auto; width:100%!important; margin-left: 0px !important;} .bild{	height:auto!important; overflow:visible!important; width:100%!important} .bild img{	height:auto!important; width:100%!important}
.container1 {	height:auto}
	.text2 { padding-left: 20px;}div#Profil.container1 {display: flex;flex-direction: column;align-items: center;}#header {
  height: 72px;
}div#Profil.container1 {
  height: auto !important;
}.bild2 {
  position: relative;
  width:100%;
  max-width: none;}.bild2 img {
  height: auto;
  width: 100%!important;
  margin: 0 auto;
}.text2 {width: 100%;}.pla {
  float: left;
  position: relative;
  right: 0;
  bottom: 0;
  z-index: 10;
  height: auto;
  width: 100%;
}.text2 {
  padding-bottom: 6%;  padding-top: 8%;
}.bild2 {
  height: auto;
}
}
@media screen and (max-width: 645px) {

	.text {width:100%}.bild img{	height:auto; width:100%!important; margin-left: 0px !important;} .bild{	height:auto; width:100%!important}
.container1 {	height:auto}.bild2 {display:block}
	.text2 {padding-bottom: 65px;padding-top: 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-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;}
}