html {
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	overflow-x:hidden;
}
body {
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	font-family: nudista-web, sans-serif;
}

h1,h2,h3,h4,h5 {
	font-size:inherit;
	font-weight:inherit;
	font-variant:inherit;
	padding:0px;
	margin:0px;
	display:inline;
	text-decoration:none;
}

input, textarea {
	font-family: nudista-web, sans-serif;
}
input[type='submit'], button {
	
}

.titel_1 {
	font-size:36px;
	font-weight:bold;
	color:#5f5f5f;
}
.titel_1 span {
	color:#294194;
}
.defaulttext {
	font-size:16px;
	line-height:26px;
}
.defaulttext span {
	position:relative;
	float:left;
	width:100%;
	margin-bottom:20px;
}
.defaulttextmargin {
	margin-top:18px;
}
.button {
	position: relative;
	float: left;
	padding: 12px 0px;
	padding-top:15px;
	padding-left: 20px;
	padding-right: 20px;
	background-color: #294194;
	border-radius: 8px;
	color: #FFFFFF;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
	cursor: pointer	;
	text-decoration: none !important;
	transition-duration: 0.2s;
	overflow: hidden;
}
.button:hover {
	padding-right: 50px;
}
.button span {
	position: absolute;
	right: 20px;
	bottom: -30px;
	transition-duration: 0.2s;
}
.button:hover span {
	bottom: 12px;
	font-size: 16px;
}

.viewport {
	position:relative;
	float:left;
	width:100%;
	display:flex;
	justify-content: center;
}
.center {
	position: relative;
	float:left;
	width:80%;
}

.vp_header {
	position:relative;
	float:left;
	width:100%;
	display:flex;
	justify-content: center;
	flex-wrap:wrap;
	z-index:10;
}
.header_top {
	position: relative;
	float:left;
	width:80%;
	padding:20px 0px;
	display: flex;
	justify-content: space-between;
}
.hdr_top_logo {
	position:relative;
	float:left;

}
.hdr_top_logo img {
	position:relative;
	float:left;
	width:160px;
}
.hdr_top_logo_old {
	width: 210px !important;
}
.hdr_top_col {
	position:relative;
	float:left;
	margin-top:4px;
}
.hdr_top_icon {
	position:relative;
	float:left;
}
.hdr_top_icon img {
	position:relative;
	float:left;
	width:40px;
	margin-top:6px;
}
.hdr_top_icon_loc img {
	width:28px;
}
.hdr_top_text {
	position:relative;
	float:left;
	margin-left:30px;
}
.hdr_top_text span {
	position: relative;
	float:left;
	clear:both;
	font-size:14px;
	margin-top:4px;
	font-weight:bold;
}

.header_menu {
	position:relative;
	float:left;
	width:100%;
	height:60px;
	background-color:rgba(0, 0, 0, 0.65);
	display: flex;
	justify-content: center;
}
.header_menu_dark {
	background-color:rgba(0, 0, 0, 0.90);
}
.header_menu_container {
	position:relative;
	float:left;
	width:80%;
}
.menu_item {
	position: relative;
	float:left;
	padding:21px 10px;
	color:#FFFFFF;
	text-decoration: none;
	text-transform: uppercase;
	font-weight:bold;
	font-size:14px;
	margin-right:32px;
}
.menu_item:first-of-type,
.menu_item:last-of-type {
  padding-left: 0;
  padding-right: 0;
}
.menu_item:last-of-type {
	margin-right:0px;
}
.menu_item_last {
	float:right;
	background-color:#294194;
	padding-left: 20px !important;
	padding-right: 20px !important;
	border-radius: 10px;
	height:39px;
	padding-top:21px !important;
	padding-bottom:0px !important;
}
.menu_item div {
	display:none;
	position:absolute;
	left:10px;
	bottom:0px;
	width:100%;
	height:1px;
	background-color:#FFFFFF;
}
.menu_item_last div {
	display:none !important;
}
.menu_item:hover div {
	display:block;
}
.menu_item:first-of-type div {
	left:0px;
	width:calc(100% + 20px);
}
.menu_selected div {
	display:block;
}
.home_vid {
	position:relative;
	float:left;
	width:100%;
	margin-top:-60px;
}
.home_vid video {
	width: 100%;
  height: auto; /* Maintains aspect ratio */
  display: block; /* Removes unwanted whitespace */
}
.video-home_vid video {
  width: 100%;
  height: auto; /* Maintains aspect ratio */
  display: block; /* Removes unwanted whitespace */
}

.footer {
	position: relative;
	float: left;
	width: 100%;
	background-color: #294194;
	padding: 50px 0px;
	display: flex;
	justify-content: center;
	margin-top: 5%;
}
.ftr_center {
	position: relative;
	float: left;
	width: 80%;
}
.ftr_logo {
	position: relative;
	float: left;
	width: 220px;
}
.ftr_logo img {
	width: 100%;
}
.ftr_col {
	position: relative;
	float: left;
	margin-left: 12.5%;
}
.ftr_col span {
	position: relative;
	float: left;
	clear: both;
	color: #FFFFFF;
	font-size: 14px;
	margin-bottom: 6px;
}
.ftr_item {
	position: relative;
	float: left;
	clear: both;
}
.ftr_item_margin {
	margin-top: 20px;
}
.ftr_item_icon {
	position: relative;
	float: left;
	width: 20px;
	margin-right: 14px;
	margin-top: 2px;
}
.ftr_item_icon img {
	width: 100%;
}
.ftr_item_content {
	position: relative;
	float: left;
}
.ftr_title {
	position: relative;
	float: left;
	width: 100%;
	clear: both;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 10px;
}
.ftr_sitemap_col {
	position: relative;
	float: left;
	width: 70px;
}
.ftr_sitemap_col:nth-child(2) {
	margin-right: 50px;
}
.ftr_sitemap_i {
	position: relative;
	float: left;
	width: 100%;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 14px;
	margin: 3px 0px;
	clear: both;
}
.ftr_sitemap_i:hover {
	text-decoration: underline;
}

.ftrcert_col {
	position:relative;
	float:left;
	margin-top:4px;
}
.ftrcert_icon {
	position:relative;
	float:left;
}
.ftrcert_icon img {
	position:relative;
	float:left;
	width:40px;
	margin-top:6px;
}
.ftrcert_text {
	position:relative;
	float:left;
	margin-left:30px;
}
.ftrcert_text span {
	position: relative;
	float:left;
	clear:both;
	font-size:14px;
	margin-top:4px;
	font-weight:bold;
}


.hm_projstitel {
	margin-top:5%;
}
.hm_projstitel_container {
	position:relative;
	float:left;
	width:100%;
	text-align:center;
}
.hm_projs {
	margin-top:35px;
}
.hm_projs_center {
	position:relative;
	float:left;
	width:100%;
	display:flex;
	justify-content: space-between;
}
.hm_projs_i {
	position:relative;
	float:left;
	width:calc(calc(100% / 6) - 8px);
	cursor:pointer;
	overflow:hidden;
}
.hm_projs_i_img {
	position: relative;
	float:left;
	width:100%;
}
.hm_projs_i_img img {
	position: relative;
	float:left;
	width:100%;
}
.hm_projs_i_overlay {
	position: absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:rgba(0, 0, 0, 0.65);
	transition-duration: 0.2s;
}
.hm_projs_i:hover .hm_projs_i_overlay {
	top:-100%;
	opacity:0;
}
.hm_projs_i_content {
	position: absolute;
	bottom:30px;
	left:0px;
	width:80%;
	padding:0px 10%;
	text-align:center;
}
.hm_projs_i_titel {
	position:relative;
	float:left;
	width:100%;
	text-align:center;
	color:#FFFFFF;
	text-transform: uppercase;
	font-size:18px;
	font-weight:bold;
}
.hm_projs_i_details {
	position:relative;
	float:left;
	width:100%;
	text-align:center;
	color:#FFFFFF;
	font-size:14px;
	margin-top:10px;
	text-transform: uppercase;
	font-weight: bold;
}
.hm_projs_i_icon {
	position:relative;
	float:left;
	width:100%;
	text-align:center;
	margin-bottom:50px;
}
.hm_projs_i_icon img {
	width:80px;
	opacity: 0.5;
}
.hm_projs_i_btn_container {
	position: absolute;
	bottom:-50px;
	left:0px;
	width:100%;
	display: flex;
	justify-content: center;
	transition-duration: 0.4s;
	opacity: 0;
}
.hm_projs_i_btn {
	position: relative;
	float:left;
	padding:10px 25px;
	border-radius: 8px;
	background-color:#294194;
	color:#FFFFFF;
	text-transform: uppercase;
	font-weight:bold;
	font-size:14px;
}
.hm_projs_i:hover .hm_projs_i_btn_container {
	bottom: 50px;
	opacity:1;
}




.vacs_1_vp {
	margin-top: 5%;
}
.vacs_title {
	position: relative;
	float: left;
	width: 45%;
}
.vacs_li {
	position: relative;
	float: left;
	width: 100%;
	margin-top: 50px;
	display: flex;
	justify-content: space-between;
}
.vac_i {
	position: relative;
	float: left;
	width: 45%;
	display:flex;
	justify-content: space-between;
}
.vac_i_photo {
	position: relative;
	float: left;
	width: 40%;
}
.vac_i_photo img {
	position: relative;
	float: left;
	width: 100%;
}
.vac_i_overlay {
	position: relative;
	float:left;
	width:50%;
	margin-left:10%;
}
.vac_i_title {
	position: relative;
	float: left;
	width: 100%;
	margin-top:12px;
	font-weight: bold;
	font-size: 32px;
	color: #294194;
}
.vac_i_subtitle {
	position: relative;
	float: left;
	width: 100%;
	margin-top: 8px;
	font-weight: bold;
	font-size: 22px;
	color:#5f5f5f;
}
.vac_i_desc {
	position: relative;
	float: left;
	width: 100%;
	margin-top: 20px;
}
.vac_i_btn {
	position: relative;
	float:left;
	margin-top:20px;
	width: 100%;
}

.header_mobm_title {
	display:none;
}


@media screen and (max-width: 1750px) {
	.vac_i_photo {
		overflow:hidden;
	}
	.vac_i_photo img {
		width:120%;
		margin-left:-10%;
	}
	.vac_i defaulttext {
		font-size:14px;
		line-height:20px;
	}
	.ftr_center {
		display: flex;
		justify-content: space-between;
	}
	.ftr_col {
		margin-left:0px;
	}
}

@media screen and (max-width: 1500px) {
	.hm_projs_center {
		flex-wrap:wrap;
		width:80%;
	}
	.hm_projs_i {
		width:calc(calc(100% / 3) - 20px);
		margin-bottom:32px;
	}

	.vacs_title {
		width:65%;
	}

	.vac_i {
		width:47%;
		justify-content: left;
	}
	.vac_i:nth-child(1) {
		margin-bottom:50px;
	}
	.vac_i_overlay {
		display: flex;
		justify-content: left;
		align-items: center;
		align-content: center;
		flex-wrap: wrap;
	}
	.vac_i_subtitle {
		font-size:18px;
	}
	.vac_i_title {
		font-size:26px;
	}
	.vac_i_desc {
		margin-top:12px;
	}
}

@media screen and (max-width: 1500px) {
	.vacs_li {
		flex-wrap: wrap;
	}
	.vac_i {
		width:100%;
	}
	.vac_i_photo {
		width:25%;
	}
	.vac_i_photo img {
		width:100%;
		margin-left:0%;
	}
}

@media screen and (max-width: 1400px) {
	.ftr_center {
		flex-wrap: wrap;
	}
	.ftr_col {
		width:28%;
	}
}

@media screen and (max-width: 1200px) {
	.home_vid {
		margin-top:0px;
	}
	.hdr_top_col {
		display: none;
	}
	.header_menu_container {
		position:fixed;
		top:0px;
		right:-110%;
		background-color: #294194;
		width:100%;
		height:100%;
		z-index:10000;
		transition-duration: 0.3s;
		display: flex;
		justify-content:center;
		flex-wrap:wrap;
		align-items:center;
		align-content:center;
	}
	.header_menu_container_show {
		right:0px;
	}
	.header_menu {
		position:relative;
		float:left;
		width:70px;
		height:91px;
		background-color:#FFFFFF;	
	}
	.header_mobile_btn {
		position: relative;
		float:left;
		width:100%;
		height:91px;
		cursor: pointer;
		background-color: #FFFFFF;
	}
	.header_mobile_btn div { 
		position:absolute;
		width:100%;
		height:4px;
		border-radius:5px;
		background-color:#294194;
		transition-duration: 0.2s;
		left:0%;
		top:28px;
	}
	.header_mobile_btn div:nth-child(2) {
		top:44px;
	}
	.header_mobile_btn div:nth-child(3) {
		top:60px;
	}
	.header_mobile_btn_load {
		left:0px !important;
	}
	.menu_item {
		position: relative;
		float:left;
		width:100%;
		color:#FFFFFF;
		text-align:center;
		margin-left:0px;
		margin-right:0px;
		padding:16px 0px;
	}
	.menu_item_last {
		float:left;
		background-color:#294194;
		border-radius: 0px;
		height:auto;
		padding:16px 0px !important;
	}
	.menu_item div {
		display:none;
	}
	.menu_selected div {
		display:block;
		opacity:0.3;
		margin-left:0px;
		left:0px;
	}
	.menu_selected {
		margin-bottom:6px;
	}

	.header_mobm_title {
		position: relative;
		float:left;
		width:100%;
		text-align:center;
		display:block;
		font-size:32px;
		color:#FFFFFFFF;
		text-transform: uppercase;
		margin-bottom:20px;
	}

	.vacs_title {
		width:100%;
	}
}

@media screen and (max-width: 1100px) {
	.hm_projs_i {
		width:calc(calc(100% / 2) - 20px);
		margin-bottom:32px;
	}

	.vac_i_title {
		font-size:22px;
	}
	.vac_i_photo {
		width:35%;
	}
	.vac_i_photo img {
		width:120%;
		margin-left:-10%;
	}
	.vac_i_overlay {
		width:60%;
	}
	.vac_i defaulttext {
		font-size:12px;
		line-height:18px;
	}
}

@media screen and (max-width: 1000px) {
	.center, .hm_projs_center {
		width:90%;
	}
	.home_intro_vp, .hm_projstitel, .hm_exptitel, .vacs_1_vp, .footer, .ab_intro, .ab_2, .hm_projs, .serv_vp_intro, .serv1_intro_vp, .sec_1, .sect_2, .projs_intro, .proji_intro, .work_vp_intro {
		margin-top:75px !important;
	}

	.ftr_col {
		width:45%;
	}
	.ftr_logo {
		margin-bottom:85px;
	}
}

@media screen and (max-width: 600px) {
	.hm_projs_i {
		width:100%;
		margin-bottom:32px;
	}
	.ftr_logo, .ftr_col {
		width:100%;
		margin-bottom:35px;
	}
}