body, html {
			height:100%;
		}
		body {
			margin:0;
			font-family: 'Quicksand', sans-serif;
			font-weight:300;
			font-size:17px;
			-webkit-font-smoothing: antialiased;
		}
		p {
			margin:0;
			font-weight:300;
		}
h2 {
	font-weight:lighter;
	font-size:30px;
	margin:0;
}
.xbutton {
	border-radius:5px;
	background: rgb(0,0,102);
background: -webkit-linear-gradient(bottom, rgba(0,0,102,1) 0%, rgba(0,0,149,1) 100%);
background: -o-linear-gradient(bottom, rgba(0,0,102,1) 0%, rgba(0,0,149,1) 100%);
background: linear-gradient(to top, rgba(0,0,102,1) 0%, rgba(0,0,149,1) 100%);
	color:#fff;
	margin:5px 0px;
	padding:10px 2px;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.5);
	font-size:17px;
	font-weight:400;
	border:3px solid #000066;
}
.button {
	border-radius:10px;
	background: rgb(0,0,102);
	color:#fff;
	margin:5px 0px;
	padding:10px 2px;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.5);
	font-size:17px;
	font-weight:400;
}

.xbutton_red {
	border-radius:5px;
	background: rgb(124,1,3);
background: -webkit-linear-gradient(bottom, rgba(124,1,3,1) 0%, rgba(177,0,3,1) 100%);
background: -o-linear-gradient(bottom, rgba(124,1,3,1) 0%, rgba(177,0,3,1) 100%);
background: linear-gradient(to top, rgba(124,1,3,1) 0%, rgba(177,0,3,1) 100%);
	color:#fff;
	margin:5px 0px;
	padding:10px 2px;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.5);
	font-size:17px;
	font-weight:400;
	border:3px solid #7C0103;
}
.button_red {
	border-radius:10px;
	background: #bbb;
	margin:5px 0px;
	padding:10px 2px;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.5);
	font-size:17px;
	font-weight:400;
}

.footerlink {
	color:#fff;
	text-decoration: none;
}
.footerlink:hover {
	color:#fff;
	text-decoration: underline;
}
.hidden {
	display:none;
}
.bold {
	font-weight:500;
}
.small {
	font-size:12px;
	color:#5F5F5F;
	font-weight:bold;
}
		a {
			color:#000066;
			text-decoration: underline;
		}
		a:hover {
			text-decoration: none;
		}
		a.defaultblack {
			text-decoration: none;
			color:#000;
		}
		a.white {	
	color:#fff;		
}
#menu ul a {
	text-decoration: none;
}
#nav_oase ul a {
	text-decoration: none;
}
#nav_fewos ul a {
	text-decoration: none;
}
#nav_tipps ul a {
	text-decoration: none;
}
.bluebutton {
	background-color:#235795;
	color:#fff;
	font-size:20px;
	font-weight:300;
	border-radius:5px;
	padding:5px 20px;
	display:inline-block;
	margin:10px 10px;
	line-height:40px;
}
		#header {
			position:fixed; width:100%; z-index:100; background-color:#fff; box-shadow:0px 0px 10px rgba(0,0,0,0.25);
		}
		#footer {
			position:relative; width:100%; background-color:#000066; color:#fff;
		}
		#footer a {
			color:#fff;
		}
		.wrapper {
			width:100%;
			margin:0 auto;
			position: relative;
			max-width:1200px;
		}
#slideshow {
	position:relative; width:100%; height:85%;
}
#slideshow_small {
	position:relative; width:100%; height:45%;
}
.swiper-container {
	width:100%; height:100%;
}
		#logo {
			position: relative;
			display:inline-block;
			width:25%;
			text-align: left;
			vertical-align: bottom;
			margin:40px 0px 5px 0px;
			padding-left:5px;
			box-sizing: border-box;
			
		}
		#logoimg {
			width:60%;
			max-width:175px;
		}
		#menu_button {
			display:none;
			position:absolute;
			bottom:20px;
			right:10px;
			width:50px;
			height:50%;
		}
		#menu {
			position: relative;
			display:inline-block;
			width:75%;
			text-align:right;
			vertical-align: bottom;
		}
		#menu ul {
			padding-left:0;
			padding-top:5px;
			padding-bottom:0px;
			margin:0;
		}
		#menu li {
			display:inline-block;
			font-size:22px;
			color:#03056a;
			text-transform: uppercase;
			font-weight:400;
			margin:0 8px;
			padding-top:5px;
			padding-left:2px;
			padding-right:2px;
			padding-bottom:12px;
			border-bottom:3px solid white;
			cursor:pointer;
			
		}
		#menu li:hover {
			border-bottom:3px solid #03056a;
		}
		#nav {
			position:relative; top:0px; left:0px; width:100%; z-index:10;
			background-image:url(/images/menu_bg.png); 
			background-color:#03056a;
			text-align:center;
			background-position: top;
			background-repeat: repeat-x;
			padding:1%;
			box-sizing: border-box;
			display:none;
		}
		#nav ul {
			padding:0;
			margin:0;
		}
		#nav li {
			display:block;
			font-size:22px;
			color:#fff;
			font-family: 'Oswald', sans-serif;
			font-weight: 400;
			margin:0 10px;
			line-height:40px;
		}
		#nav_oase {
			display:none;
		}
		#nav_fewos {
			display:none;
		}
		#nav_tipps {
			display:none;
		}
		#nav_close {
			position:absolute;
			top:15px;
			right:15px;
			width:30px;
			height:30px;
			cursor:pointer;
			z-index:1;
		}
		.news_pic {
			background-position: center;
			background-size: cover;
			padding:25%;
			position: relative;
			overflow: hidden;
		}
		.news_more {
			position:absolute;
			right:10px;
			bottom:10px;
			background-color:#0b5393;
			color:#fff;
			text-transform: uppercase;
			padding:1%;
			box-sizing: border-box;
		}
		.news_txt {
			position:relative;
			width:100%;
			padding:2%;
			box-sizing: border-box;
			font-size:17px;
			font-weight:200;
		}
		
		.green_element {
			background-color: #efefef;
			position:relative;
			width:100%;
			 z-index:10;
			color:#fff;
			padding: 10px 0px;
			font-weight:400;
		}
		.gray_element {
			background-color: #e6e6e6;
			position:relative;
			width:100%;
			 z-index:10;
			color:#000;
			padding: 10px 0px;
			font-weight:400;
		}
.darkgray_element {
			background-color:#565656;
	background: linear-gradient(180deg, rgba(2,0,36,1) 0%, rgba(152,135,129,1) 0%, rgba(215,209,209,1) 100%);
			position:relative;
			width:100%;
			 z-index:10;
			color:#fff;
			padding: 10px 0px;
		}
		.blue_element {
			background-color: #03056a;
			position:relative;
			width:100%;
			 z-index:10;
			color:#fff;
			box-shadow:inset 0px 0px 10px rgba(0,0,0,0.5);
			padding: 10px 0px;
			font-weight:400;
		}
.blue_element a {
	color:#fff;
}
		
		.white_element {
			background-color: #fff;
			position:relative;
			width:100%;
			 z-index:10;
			color:#000;
			padding: 10px 0px;
			font-weight:400;
		}
#map {
	position:relative;
	width:100%;
	height:400px;
}
.gallery {
	position:relative;
	display:inline-block;
	width:33.3%;
	padding:1%;
	box-sizing: border-box;
	overflow:hidden;
}
.gallery25 {
	position:relative;
	display:inline-block;
	width:25%;
	padding:1%;
	box-sizing: border-box;
	overflow:hidden;
}
.gallery_full {
	position:relative;
	display:inline-block;
	width:14.285%;
	padding:1%;
	box-sizing: border-box;
	overflow:hidden;
}
.gallery_item {
	position:relative;
	width:100%;
	padding:50%;
	box-sizing: border-box;
	background-position:center;
	background-size:cover;
	overflow:hidden;
	transition: all 1s ease;
	
}
.fewo_type {
	position:relative;
	display:inline-block;
	width:100%;
	box-sizing: border-box;
	background-color:#efefef;
	text-align:left;
	overflow:hidden;
	transition: all 1s ease;
}
.fewo_type:hover {
	transform: scale(1.1);
}
#nav .fewo_type {
	position:relative;
	display:inline-block;
	width:100%;
	box-sizing: border-box;
	background-color:#333385;
	text-align:left;
}
.fewo_type_item {
	position:relative;
	width:100%;
	padding:50%;
	box-sizing: border-box;
	background-position:center;
	background-size:cover;
	overflow:hidden;
}
#nav .fewo_type_item {
	position:relative;
	width:100%;
	padding:20%;
	box-sizing: border-box;
	background-position:center;
	background-size:cover;
	overflow:hidden;
}
.fewo_type_edge {
	position:absolute;
	top:-3px;
	left:-3px;
	width:50px;
}
.fewo_type_title {
	font-size:26px;
font-weight:bold;
color:#000066;
padding:10px;
}
#nav .fewo_type_title {
	font-size:26px;
font-weight:bold;
color:#fff;
padding:10px;
}
.fewo_type_text {
	font-size:14px;
color:#000;
padding:0px 10px 10px 10px;
}
#nav .fewo_type_text {
	font-size:14px;
color:#fff;
padding:0px 10px 10px 10px;
}


		
		.box_lightblue {
			background-color:#7fa4c6;
		}
		.box_blue {
			background-color:#235795;
			color:#fff;
		}
		.box_container400 {
			width:100%; max-width:400px;
		}
		
		.table {
			display:table;
			width:100%;
		}
		.tablerow {
			display:table-row;
		}
		.tablecell50 {
			display:table-cell;
			width:50%;
			padding:2%;
			box-sizing: border-box;
		}
.iconlist_icon {
	display:inline-block;
	width:33%;
}
.iconlist_text {
	display:inline-block;
	width:66%;
	vertical-align: top;
}
		.col33 {
			width:33.3%;
			display:inline-block;
			vertical-align: top;
			margin:0%;
			padding:2%;
			box-sizing: border-box;
		}
.colfewo33 {
			width:33.3%;
			display:inline-block;
			vertical-align: top;
			margin:0%;
			padding:2%;
			box-sizing: border-box;
		}
		
		.col66 {
			width:66.6%;
			display:inline-block;
			vertical-align: top;
			margin:0%;
			padding:1%;
			box-sizing: border-box;
		}
		.col50 {
			width:50%;
			display:inline-block;
			vertical-align: top;
			margin:0%;
			padding:2%;
			box-sizing: border-box;
		}
		.col100 {
			width:100%;
			display:inline-block;
			vertical-align: top;
			margin:0%;
			padding:2%;
			padding-bottom:0%;
			box-sizing: border-box;
		}
		.news {
			border:2px solid white;
		}
		.news:hover {
			border:2px solid #235795;
		}
		.col25 {
			width:25%;
			display:inline-block;
			vertical-align: top;
			padding:2%;
			box-sizing: border-box;
			text-align:center;
		}
		
		.rightalign {
			text-align:right;
		}
		.leftalign {
			text-align:left;
		}
		.headline1 {
			font-size:23px;
			font-weight:700;
			
	
		}
		.headline2 {
			font-size:23px;
			font-weight:100;
			
		}
h1 {
	margin:0;
	font-size:28px;
	font-family: 'Oswald', sans-serif;
	font-weight:400;
}
		
		.parallax50 {
		height: 50%;
			background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
		}
.headerparallax50 {
		height: 30%;
			
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
		}
		
		.zoom {
-webkit-transform:scale(0.9); /*Webkit: Scale down image to 0.8x original size*/
-moz-transform:scale(0.9); /*Mozilla scale version*/
-o-transform:scale(0.9); /*Opera scale version*/
-webkit-transition-duration: 0.2s; /*Webkit: Animation duration*/
-moz-transition-duration: 0.2s; /*Mozilla duration version*/
-o-transition-duration: 0.2s; /*Opera duration version*/
	opacity: 1;
}

.zoom:hover {
-webkit-transform:scale(1.0); /*Webkit: Scale up image to 1.2x original size*/
-moz-transform:scale(1.0); /*Mozilla scale version*/
-o-transform:scale(1.0); /*Opera scale version*/
	opacity: 1;
}
	

		
	.gallery_item:hover {
     		transform: scale(1.2);
		}	
		
#video_container {
		position:relative; width:100%; height:880px; z-index:5;
		}
		
video {
    position: absolute;
    left: 0; /* % of surrounding element */
    top: 0;
   
	height: 100%;
    width: 100%; /* 100 * 16 / 9 */
    
	
	z-index:5;
}
		
		
	@media screen and (min-width: 871px) and (max-width: 1410px) {
		#nav {
		padding-top:50px;
		}
		}
		
	

		
		@media screen and (max-width: 870px) {
		#nav {
			text-align:center;
			padding:2%;
		}
			#nav {
		padding-top:50px;
		}
		#nav li {
			display:block;
		}
		.col50 {
			width:100%;
			display:block;
			padding:6%;
		}
		.col100 {
			width:100%;
			display:block;
			padding:6%;
		}
		.col33 {
			width:100%;
			display:block;
			padding:2%;
		}
		.colfewo33 {
			width:50%;
			display:inline-block;
			vertical-align: top;
		}
			
		.col66 {
			width:100%;
			display:block;
			padding:2%;
		}
		.col25 {
			width:50%;
			display:inline-block;
			vertical-align: top;
		}
			.iconlist_icon {
	width:16.6%;
}
.iconlist_text {
	width:33.3%;
}
		.table {
			display:block;
		}
		.tablerow {
			display:block;
			margin:4%;
		}
		.tablecell50 {
			width:100%;
			display:block;
			text-align: center;
			padding:6%;
			margin:0 auto;
		}
			
		
		.box_container400 {
			width:100%; max-width:600px; position:relative;
		}
		
		.parallax50 {
		height: 50%;
		background-attachment:local;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
		}
			.headerparallax50 {
		height:250px;
		background-attachment:local;
 
		}
		.headline1 {
			font-size:20px;
			font-weight:700;
		}
		.headline2 {
			font-size:20px;
			font-weight:200;
		}
		.rightalign {
			text-align:center;
		}
		.leftalign {
			text-align:center;
		}
		#logo {
			display:block;
			width:100%;
			padding-left:10px;
			box-sizing: border-box;
		}
		#menu {
			display:none;
			width:100%;
			text-align:center;
		}
		#menu_button {
			display:inline;
			padding-right:10px;
			box-sizing: border-box;
		}
		
		#video_container {
		position:relative; width:100%; height:100%; z-index:5;
		}
		
xvideo {
    position: absolute;
    left: 50%; /* % of surrounding element */
    top: 50%;
    transform: translate(-50%, -50%); /* % of current element */
	
	height: 100%;
    width: 177.77777778vh; /* 100 * 16 / 9 */
    min-width: 100%;
    min-height: 56.25vw; /* 100 * 9 / 16 */
	
	z-index:5;
}
		
	}

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

	font-size:25px;

}
	.gallery_full {
	
	width:25%;
}
	.iconlist_icon {
	width:33.3%;
}
.iconlist_text {
	width:66.6%;
}
	
	.fewo_type_title {
	font-size:18px;

}
#nav .fewo_type_title {
	font-size:18px;

}
.fewo_type_text {
	font-size:12px;

}
#nav .fewo_type_text {
	font-size:12px;

}
}
		
.mandatory1 {
	visibility: collapse;
}