@charset "utf-8";

body {
	font: 110%/1.6 'Open Sans', sans-serif !important;
	background-color: #3d3f41;
	margin: 0;
	padding: 0;
	color: #333;
	
}
.headfiller{
	display:none;
}
.headfiller.show{
	display:block;
}
ul, ol, dl { 
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p ,ul,ol{
	padding-top:0px;
	padding-bottom:2rem;
	margin-bottom:0px;
	margin-top:0px;
	font-family: 'Open Sans', sans-serif !important;
}
h1,h2{
	font-size:260%;
	font-weight:600;
	text-align:center;
	padding-top:2rem;
	padding-bottom:2rem;
	margin-bottom:0px;
	margin-top:0px;
	
	
}
strong{
	font-weight:600;
}
h3{
	font-size:150%;
	font-weight:600;
	
	padding-bottom:1rem;
	padding-top:1rem;
	margin-bottom:0px;
	margin-top:0px;
}

.bx-wrapper section{
	padding-left:0px;
	padding-right:0px;
	
}
.cc-banner{
	background: -moz-linear-gradient(top, rgba(51,73,153,0.8) 0%, rgba(51,73,153,0.8) 1%, rgba(51,73,153,0.8) 100%) !important;
	background: -webkit-linear-gradient(top, rgba(51,73,153,0.8) 0%,rgba(51,73,153,0.8) 1%,rgba(51,73,153,0.8) 100%) !important;
	background: linear-gradient(to bottom, rgba(51,73,153,0.8) 0%,rgba(51,73,153,0.8) 1%,rgba(51,73,153,0.8) 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc334999', endColorstr='#cc334999',GradientType=0 ) !important;
}

.blau{
	color:#334999;
	
}



.greybg{
	background-color:#ededee;
	
}
.grey{
	color:#666666
}





h1:after,h2:after{
	content: " ";
	border-bottom: 4px solid #334999;
	width: 20%;
	display: block;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;	  
}

h3.banner {
	font-size:350%;
	font-weight:normal;
}
.parallax-window h3{
	font-size:350%;
	font-weight:normal;
	padding-bottom:0.5rem;
	line-height:100%;
}
p.banner , .parallax-window p{
	font-size:140%;
}

.white{
	color:#fff !important;
}
.button{
	background-color: #334999;
	color: #fff !important;
	text-decoration: none !important;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	padding-left: 2rem;
	padding-right: 2rem;
	font-size: 14px !important;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
	border: 1px solid #334999; 
	text-shadow:none; 
}
.inner_wrap .button{
	
	margin-bottom:-2rem;
}

.button.text-center{
	margin-left:auto;
	margin-right:auto;
}
.button:hover{
	background-color:#fff;
	color:#666666 !important;
	border: 1px solid #666666;
	
}
.bx-wrapper 
.boxshadow{
	-webkit-box-shadow: 3px 3px 3px 0 #bbbbbb;
	box-shadow: 3px 3px 3px 0 #bbbbbb;
}
.parallax-window .darkgrey , .slider .darkgrey{
	text-shadow: 1px 1px 1px #aaa;
}
.parallax-window .white , .slider .white{
	text-shadow: 1px 1px 1px #333;
}


.fixed nav.navi{
	/*
	width:100%;
	*/
}

.header.fixed{
	position: fixed;
    top: 0px;
    width: 100%;
	max-width:1900px;
    z-index: 100;
	border: 1px solid #334999;
	left: 50%;
    margin-right: -50%;
    transform: translate(-50%, 0%);
}

}
.whitebg{
	background-color:#fff;
}

.footer.dropdown{
	padding-bottom:0;
}



img{
	display:block;
	max-width:100%;
}
a img { 
	border: none;
}

a:link {
	color: #42413C;
	text-decoration: underline; 
}
a:visited {
	color: #6E6C64;
	text-decoration: underline;
}


.container section, .innercontent {
    width: 1900px;
    margin-left: auto;
    margin-right: auto;
    clear: both;
    position: relative;
	
}


a:hover, a:active, a:focus { 
	text-decoration: none;
}
.clrflt{
	height:1px;
	clear:both;
}
.slider .ce-bodytext{
	position:absolute;
	top: 50%;
    
    
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
	left:9%;
	
}





.container {
	position:relative;
	width: 100%;
    margin: 0 auto;
    padding-left: 0px !important;
    padding-right: 0px !important;
}









header.header {
	padding-top:27px;
	padding-bottom:15px;
	position:relative;
	background-color:#fff;
	width:1900px;
	margin-left:auto;
	margin-right:auto;
}
.logo{
	float:left;
	margin-left:3.5%;
	width:22%;
}
.darkgrey{
	color:#333333;
	
}
.content {
	
	width: 100%;
	float: left;
	
}


.last{
	margin-right: 0% !important;
}
.content ul, .content ol {
	padding: 0 15px 15px 40px; 
}

nav.navi{
	position:absolute;
	width:72.5%;
	left:27.5%;
	bottom:5px;
	
}

ul.nav {
	list-style: none; 
	
	margin-bottom: 15px; 
	padding: 0px !important;
}
ul.nav li {
	
	float:right;
	display:inline-block;
	
}
ul.nav a, ul.nav a:visited {
	display: block;
	color: #666666;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 115%;
	padding-top: 5px;
	padding-right: 17px;
	padding-bottom: 5px;
	padding-left: 17px;
	-webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { 
	background-color: #334999;
	color: #FFF;
}


footer {
	padding: 10px 0;
	
	position: relative;
	clear: both; 
	
    
	max-width:1800px;
	margin-left:auto;
	margin-right:auto;
}

}
nav.navifoot{
	width:96%;
	float:left;
	margin-left:2%;
	
}
ul.navifoot{
	float:right;
	
	padding: 0px !important;
	
	
}
ul.navifoot li{
	float:left;
	display:inline;
	margin-left:2.5rem;
}
ul.navifoot a.main , ul.navifoot span.main{
	color:#828181;
	text-decoration:none;
	-webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  font-size:80%;
  text-transform:uppercase;
  font-weight:600;
}
ul.navifoot a.main:hover , ul.navifoot a.main:active ,ul.navifoot a.main:focus , ul.navifoot a.selected{
	color:#fff;
}
header, section, footer, aside, article, figure {
	display: block;
}
#menu-icon {
    display: none;
    width: 0px;
    height: 0px;
    margin-left: 2%;
    background-image: url(/fileadmin/template/images/menu-icon.png);
    background-position: center;
    background-color: #334999;
	margin-top:10px;
}
.sliderimage .darkgrey, .slider .darkgrey {
    text-shadow: 1px 1px 1px #aaa;
}

footer{
		
		z-index: 1 !important;
	}
section.gridwrap{
		
		display: flex;
	}
@media screen and (max-width: 1900px) {
	
	.container {
		width: 100%;
		
	}
	.sliderimage {
		
		min-height: 400px;
	}
	ul.nav a, ul.nav a:visited {
		
		font-size: 105%;
		
	}
	.content section {
		
		width: 100%;
		
	}
	header.header {
		
		width:100%;
		
	}
	.innerwrap{
		
		width:100%;
		
		
		
		
		
		
		
	}
	.container section, .innercontent {
		width: 100%;
		
	}
	footer {
		
		width:96%;
		margin-left:2%;
	}
}
@media screen and (max-width: 1500px) {
	
	.img5col {
		width: 24.75% !important;
		margin-right: 0.33% !important;
		
	}
	.img5col:nth-child(5n) {
	  margin-right: 0.33% !important;
	}
	.img5col:nth-child(4n) {
	  margin-right: 0% !important;
	}
	.img5col:nth-child(5n+6) {
		clear: none !important;
	}
	.img5col:nth-child(4n+5) {
		clear: left;
	}
	h1, h2 {
		font-size: 200%;
		
	}
	h3 {
		font-size: 130%;
		
	}
	h3.banner {
		font-size: 300%;
		
	}
	.parallax-window h3 {
		font-size: 190%;
		
	}
	p.banner, .parallax-window p {
		font-size: 110%;
	}
	ul.nav a, ul.nav a:visited {
		
		font-size: 100%;
		
	}
	.para-left p,.para-right p{
		font-size:200%;
	}
	
}
@media screen and (max-width: 1200px) {
	.img5col {
		width: 33% !important;
		
		
	}
	
	.img5col:nth-child(5n) {
	  margin-right: 0% !important;
	}
	
	.img5col:nth-child(4n+5) {
		clear: none;
	}
	.img5col:nth-child(3n+4) {
		clear: left;
	}
	h1, h2 {
		font-size: 180%;
	}
	ul.nav a, ul.nav a:visited {
		
		font-size: 80%;
		
	}
	
}

@media screen and (max-width: 960px) {
	
	.parallax-window .para-left {
		
		left: 2%;
	}
	.parallax-window .para-right {
		
		right: 2%;
	}
	h1, h2 {
		font-size: 160%;
	}
	
}

@media screen and (max-width: 800px) {
	
	.img5col {
		width: 49.8% !important;
		margin-right: 0.4% !important;
		
	}
	.img5col:nth-child(2n) {
	  margin-right: 0% !important;
	}
	.img5col:nth-child(3n+4) {
		clear: none;
	}
	.img5col:nth-child(2n+3) {
		clear: left;
	}
	h1, h2 {
		font-size: 110%;
	}
	
	
}

@media screen and (max-width: 768px) {
	.img5col {
		width: 98% !important;
		margin-right:1% !important;
		margin-left: 1% !important;
	}
	
	
	
	h3.banner, .parallax-window h3 {
		font-size: 170%;
		font-weight: 600;
	}
	nav.navi , nav.navifoot {
		display:none;
	}
	.logo {
		
		width: auto;
		text-align:center;
		margin-left:0px;
	}
	.logo img{
		margin-left:auto;
		margin-right:auto;
	}
	.sliderimage {
		min-height: 300px;
	}
	
	
	
	
	footer{
		display:none;
		
	}
	
	
	header.header {
		padding-top: 75px;
		
	}
	section.gridwrap{
		
		float:left;
	}
}
@media screen and (max-width: 480px) {
	
	h3.banner, .parallax-window h3 {
		font-size: 150%;
		font-weight: 600;
	}
}