@charset "utf-8";
/* CSS Document */

/* work-sans-300 - latin */
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../plug/work-sans-v3-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Work Sans Light'), local('WorkSans-Light'),
       url('../plug/work-sans-v3-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../plug/work-sans-v3-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../plug/work-sans-v3-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../plug/work-sans-v3-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../plug/work-sans-v3-latin-300.svg#WorkSans') format('svg'); /* Legacy iOS */
}

/* work-sans-regular - latin */
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../plug/work-sans-v3-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Work Sans'), local('WorkSans-Regular'),
       url('../plug/work-sans-v3-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../plug/work-sans-v3-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../plug/work-sans-v3-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../plug/work-sans-v3-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../plug/work-sans-v3-latin-regular.svg#WorkSans') format('svg'); /* Legacy iOS */
}

/* work-sans-600 - latin */
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../plug/work-sans-v3-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Work Sans SemiBold'), local('WorkSans-SemiBold'),
       url('../plug/work-sans-v3-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../plug/work-sans-v3-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../plug/work-sans-v3-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../plug/work-sans-v3-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../plug/work-sans-v3-latin-600.svg#WorkSans') format('svg'); /* Legacy iOS */
}

/****** Farb-Klassen *****/

.bgBlack{ background-color:#000; }
.bgBrown{ background-color:#9a8e81; }
.bgOrange{ background-color:#ff6701 !important; }

.fgBrown{ color:#786b5b; }
.fgWhite{ color:#FFFFFF; }
.fgOrange{ color:#ff6701; }


/************* globals **********/

.mTopVerySmall { margin-top: 2vH; }


.pTopVerySmall { padding-top: 4vH; }

.pTopSmall { padding-top: 10vH; }
.pBottomSmall { padding-bottom: 10vH; }

.pTop { padding-top: 20vH; }
.pBottom { padding-bottom: 20vH; }


.pLeftSmall { padding-left:2.5vW; }
.pRightSmall { padding-right:2.5vW; }


.pLeft { padding-left:5vW; }
.pRight { padding-right:5vW; }

.noBsPadding { padding-left: 0px; padding-right:0px; }

/*html{
	height: auto;
	min-height: 100%;
}*/

body{
	padding:0;
	background:#FFFFFF;
	font-family: 'Work Sans', sans-serif;
  line-height:1.6;
  overflow-x:hidden;
   -webkit-overflow-scrolling: touch;
  width:100%;
 	height: auto;
	min-height: 100%; 
  font-size: calc(14px + (26 - 14) * ((100vw - 300px) / (2500 - 300)));
 	font-weight: 400;
}


h5 {
	margin-top: 0px;
	margin-bottom: 0px;
}

.deviceCheck { position:relative; z-index:1; }

.bigFont {
  font-size: calc(60px + (260 - 60) * ((100vw - 300px) / (2500 - 300)));
  letter-spacing:-0.04em;
	font-weight: 600;
  margin-left: -1vw;
}

.mediumFont {
  font-size: calc(30px + (130 - 30) * ((100vw - 300px) / (2500 - 300)));
  letter-spacing:-0.02em;
	font-weight: 600;
  margin-bottom: 4vh;
}

.smallFont {
  font-size: calc(14px + (26 - 14) * ((100vw - 300px) / (2500 - 300)));
 	font-weight: 400 !important;
}

a{
	color:inherit;
	text-decoration:none;		
}

a:hover, a:focus{
	color:inherit;
}

a:active {text-decoration:underline;}


#wrapPage{ 
	position:absolute;
	width:100%; height:auto;
	top:0; left:0;
	overflow:hidden;
}

#header{
	width:100vW;
	height:100vH;
	background-color: #585d62; /*#5d5d5d;*/
	top: 0;
	left: 0;
}

#scrollDown{
	top: 65vh;
	left: 0;
	padding-left: 3.5vw;
	position: absolute;
	opacity:0;
}

#scrollDown img{ max-height:90px; }

#menu{
	position:fixed;
	z-index:10; 
	background-color: #585d62; /*#5d5d5d;*/
	top:3vH;
	left:0;
	padding-left:3.5vw;
}

	#menuWrap{
		cursor: pointer;
		padding: 1vh 1vh 1vh 0vh;
	}
	
			#navWrap{ 
					display:none;
					height: 100vH;
					background-color: #857b6f;
					position: fixed;
					padding-left: 3.5vw;	
			}
				
			.nav{
					color: #fff;
					text-align: left;
					padding: 2vh 8vh 0vh 0vh;
					white-space: nowrap;
			}


.overSizedBgWrapper{
	width:100vW;
	height:120vH;
}

.logo {
	position: absolute;
	left: 0px;
	top: 42vh;
	width: auto;
	height: 10vh;
	max-height:130px;
	background-color:#ff6701;
	padding-left:3vw;
}

.logo img{
	width:auto;
	height:100%;
	max-height:130px;
	padding:1vh 1vh 1vh 1vh;
}

.logoTxt {
	position: absolute;
	left: 0px;
	top: calc(42vh + 11vH);
	padding-left: calc(4vw + 1vh);
}


.logoTxt .bigFont {
  font-size: calc(30px + (60 - 30) * ((100vw - 300px) / (2500 - 300)));
  letter-spacing: 0.1em;
  font-weight:bold;
  margin-left: -1vw;
}

.logoTxt .normFont {
  font-size: calc(15px + (30 - 15) * ((100vw - 300px) / (2500 - 300)));
  letter-spacing: 0.075em;
  font-weight:400;
  text-transform:uppercase;
  margin-left: -1vw;
}

.overSizedBg{
	width: 70vW;
	height: 120vH;
	background-image: url(../img/start-1b.jpg);
	background-position: bottom right;
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	right: 0px;
	top: 0px;
	min-width: 1380px;
/*	background-color: #4d5862; /*#5d5d5d;*/*/

/*	background-color: #5d5d5d;*/
}

.blended{
	-webkit-background-blend-mode: multiply;
	-moz-background-blend-mode: multiply;
	background-blend-mode: multiply;
	mix-blend-mode: multiply;
}


#overlaySection, #blenderSection{
    display: flow-root;
}

.quoteWrapper {
	float:left;width:auto;max-width:90%;
}

.limitQuoteWrapper {
	max-width:80% !important;
}

.quoteEnd{
	position:absolute;
	padding-left:2vW;
	bottom:6vH; // 0
	float:left;
}

.quoteAuthor {
	font-size: calc(10px + (20 - 10) * ((100vw - 300px) / (2500 - 300)));
	font-style:italic;
	text-align:right;
}

.indentLeft{	padding-left:7vW; }

.imgAutoHeight{	width:100%;height:auto; }


.refLink::before{
	content: "﹥";
	padding-right:10px;
}

.footer { 
	padding: 8vH 0vW 8vH 0vW;
	text-align:center; 
}

.footer img {
	margin: 0 1vh 0 1vh;
}




@media(max-width:1600px){
	.overSizedBg{
		width: 100vW;
	}
}

@media(max-width:1280px){
	body {
	  line-height:1.4;
		z-index:2;
	}

	.deviceCheck { position:relative; z-index:2; }
	
	.overSizedBg { 
		height:100vH;
	}
	
	#scrollDown img{ max-height:70px; }
	
	.sm-special{
			padding-left:7vW;
			padding-right:7vW;
	}
		
	.pTopSmall { padding-top: 5vH; }
	.pBottomSmall { padding-bottom: 5vH; }

	.footer { 
		padding: 4vH 0vW 4vH 0vW;
	}
	.footer img {
		max-height:90px;
	}


}

@media(max-width:800px){

	.xs-hidden { display:none; }

	.deviceCheck { position:relative; z-index:3; }
	
	.pTopSmall { padding-top: 3vH; }
	.pBottomSmall { padding-bottom: 3vH; }

	#scrollDown img{ max-height:50px; }

	.xs-noVPadding {
		padding-top:0 !important;
		padding-bottom:0 !important;
		margin-top:-10px;
		margin-bottom:-10px;
	}


	.footer img {
		max-height:70px;
	}

	#menuWrap {
	    padding: 1vh 2vh 1vh 0vh;
	}

	.nav {
	   padding: 4vh 8vh 0vh 0vh;
	}

	#navWrap{ 
		padding-left: 4vw;	
	}


}