/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Roboto:100,400,300,500);


/* --------------------------------------------------------------- */

body {
	font-family: "Roboto", Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 1.2vw;
	line-height: 1.5vw;
	color: #908372;	
	background-color: #ffffff;
	overflow-x: hidden;
}

strong {
	font-weight: 500;
}

a {
	color: #908372;
	cursor: pointer;
}

a.back, a.zrck {
	/*font-size: 1vw;
	line-height:1.2vw;*/
	font-size: 1.2vw;
	line-height: 1.5vw;
	text-transform: uppercase;
	letter-spacing: 0.08vw;
	font-weight: 500;
	color: #908372;
	cursor: pointer;
}

.light {
	color: #C3BDB5;
}

p {
	margin-bottom: 1.5vw;
}

h2 {
	/*font-size: 1vw;
	line-height:1.2vw;*/
	font-size: 1.6vw;
	line-height:1.7vw;
	text-transform: uppercase;
	font-weight: 500;
	color: #908372;
	letter-spacing: 0.08vw;
}

h3 {
	/*font-size: 1vw;
	line-height:1.2vw;*/
	font-size: 1.2vw;
	line-height:1.7vw;
	font-weight: 500;
	color: #908372;
	text-transform: uppercase;
	letter-spacing: 0.08vw;
}

#wrapper {
	width: 100%;
}

#wrapper .slide {
	position: relative;
	width: 100%;
	overflow: hidden;
}

#header {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
	width: 100%;
	height: 7.9vw;
	background-image: url(../images/hg_header.png);
	background-repeat: repeat;
	overflow: hidden;
	font-family: "Roboto";
	font-weight: 500;
}

#logo {
	display: block;
	width: 16vw;
	margin: 2vw 0 0 4.2vw;
}

#logo img {
	width: 100%;
}

#menu_main {
	position: absolute;
	top: 0.2vw;
	left: 33.5vw;
}

#header ul li, #header ul li a {
	line-height: 7.1vw;
	/*font-size: 1vw;*/
	font-size: 1.3vw;
	letter-spacing: 0.08vw;
	color: #ffffff;
	text-transform: uppercase;
}

#header ul li a:hover, #header ul li a.active {
	color: #635034;
}

#menu_main li {
	margin-right: 4.58vw;
	float: left;
}

#menu_sec {
	position: absolute;
	right: 1vw;
	top: 0.2vw;
}

#menu_sec li {
	margin-right: 3vw;
	float: left;
}

#menu_sec li:last-child {
	margin-right: 0;
}

#menu_sec li li {
	position: relative;
	margin-right: 1vw;
}

#wrapper .slide .image {
	z-index: 0;
	overflow: hidden;
}

#wrapper .slide .content {
	z-index: 1;
	overflow: hidden;
}

#wrapper .slide .image, #wrapper .slide .content {
	position: relative;
	width: 100%;
}

.image .headline {
	position: absolute;
	bottom: 8.7vw;
	width: 100%;
	z-index: 505;
}

.intro .image .headline {
	bottom: 5vw;
}

.intro .image {
	background-size: cover;
}

.intro .image video {
	display: none;
}

.intro .image img {
	width: 100%;
	height: auto;
}

.image .headline h1 {
	font-size: 3.5vw;
	line-height: 3.8vw;
	font-weight: 300;
	color: #ffffff;
	padding-left: 33.5vw;
	box-sizing: border-box;
	width: 100%;
}

.intro .image .headline h1 {
	font-size:  4vw;
	line-height: 4vw;
}

.image .subline {
	position: absolute;
	bottom: 7vw;
	left: 33.5vw;
	width: 60vw;
	z-index: 505;
}

.image .subline h2 {
	font-weight: 500;
	font-size: 1.8vw;
	line-height: 2.1vw;
	color: #ffffff;
	margin: 0;
}

.content .headline {
	position: absolute;
	top: 12vw;
	left: 4.2vw;
	height: 14vw;
	background-image: url(../images/hg_headline.png);
	background-size: contain;
	background-position: left center;
	padding-left: 29.3vw;
}

.content .headline h1 {
	line-height: 5.4vw;
	font-size: 3.5vw;
	font-weight: 300;
	color: #A69E92;
	text-transform: uppercase;
	margin: -0.6vw 0 0 -0.3vw;
	letter-spacing: 0.2vw;
}

.content .txt {
	position: absolute;
	top: 18.8vw;
	left: 33.5vw;
}

.content .txt.ctinline {
	left: 58.3vw;	
}

.content .txt.full {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;	
}

.hidden {
	display: none;	
}

.content .txt .col {
	float: left;
	width: 19vw;		
}

.content .txt.ctinline .col {
	width: 19.5vw;
}

.content .txt .col.left {
	width: 39vw;
	margin-right: 5.2vw;
}

.content .txt.ctinline .col.left {
	margin-right: 0;
	width: 19.5vw;
}

.content .txt ul li {
	background-image: url(../images/hg_li.png);
	background-position: left 0.9vw;
	background-size: 0.3vw;
	padding-left: 0.7vw;
	line-height: 2.2vw;
}

.content .menu {
	position: absolute;
	top: 18.8vw;
	left: 33.5vw;
}

.content .menu a {
	color: #908372;
	font-weight: 400;
	cursor: pointer;
	line-height: 2.2vw;
}

.content .menu a.nocontent {
	cursor: default !important;
	opacity: 0.7;
	color: #908372 !important;
}	

.content li:hover > a, .content li.active > a {
	color: #685d4d !important;
}

.content .menu ul {
	position: relative;
}

.content .menu > ul > li {
	width: 24.5vw;
}

.content .menu > ul > li > a {
	text-transform: uppercase;
	font-weight: 500;
	font-size: 1.3vw;
	letter-spacing: 0.08vw;
	color: #A69E92;
}

.content .menu ul ul {
	display: none;
	position: absolute;
	top: 0;
	left: 24.8vw;
}

.content .menu ul ul li {
	width: 40vw;
}

.content .menu li.active ul {
	display: block;
}

.mover {
	position: relative;
	width: 100%;
	height: 100%;
}

.image .projects, .slides {
	position: relative;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: top center;
	z-index: 1;
}

.image .projects ul li {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
}

.image .projects ul li:first-child {
	display: block;
}

.image .projects ul li .item, .slides .item {
	width: 100%;
	height: 100%;
}

.item img, #mapwrapper img {
	width: 100%;
	height: auto;
}	

.image .projects .prev, .image .projects .next, .slides .prev, .slides .next {
	display: block;
	width: 4.4vw;
	height: 100%;
	position: absolute;
	top: 0;	
	background-size: contain;
	background-position: center center;
	z-index: 505;
	cursor: pointer;
}

.image .projects .prev, .slides .prev {
	background-image: url(../images/bt_prev.png);
	left: 4.2vw;
}

.image .projects .next, .slides .next {
	background-image: url(../images/bt_next.png);
	right: 4.2vw;
}

.image .projects .index, .slides .index {
	position: absolute;
	bottom: 7vw;
	left: 4.2vw;
	z-index: 505;
}

.image .projects .index a, .slides .index a {
	float: left; 
	margin: 0.5vw 0 0.2vw 0.4vw;
	display: block;
	width: 1vw;
	height: 1vw;
	box-sizing: border-box;
	border: 0.2vw solid #ffffff;
	cursor: pointer;
}

.image .projects .index a.active, .slides .index a.active {
	background-color: #fff;
}

.image .projects .index .counter, .slides .index .counter {
	display: inline-block;
	float: left;
	margin-right: 3.5vw;
	font-weight: 500;
	font-size: 1.9vw;
	line-height: 1.9vw;
	color: #ffffff;
	width: 6vw;
}

#map {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 2;
}

#map img {
	width: 100%;
	height: auto;
}

#map h1 {
	position: absolute;
	top: 11vw;
	left: 4.2vw;
	font-size: 3.4vw;
	line-height: 3.7vw;
	font-weight: 400;
	color: #908372;
	margin-left: -0.1vw;
}

#map h1 .light {
	color: #908372;
	font-weight: 300;
}

#map p {
	position: absolute;
	top: 23.5vw;
	left: 4.2vw;
	text-transform: uppercase;
	font-weight: 300;
	line-height: 1.85vw;
}

#map a.zrck {
	position: absolute;
	bottom: 7vw;
	left: 4.2vw;
}

 #istart {
	width: 100%;
	height: 200px;
	position: absolute;
	top: 300px;
	margin-top: -100px;
	color: #635034;
	z-index: 1000;
	display: none;
	background-image: url(../images/bt_next.png);
	background-position: center center;
}