
body{
		color: #fff;
/*  font-family: 'apercubold', sans-serif;  */
		font-size: 15px;
		margin: 0 0 0px 0 ;
		padding: 0 0px 0px 0;
		position: relative;
		height: 100%;
		background-color: #000;
		backface-visibility: visible;
		font-family:"Apercu Bold", Calibri, Roboto, sans-serif; font-size-adjust:0.508; font-weight:bold; font-style:normal;

	}
	html{
		height: 100%;
	}


/*
@font-face {
    font-family: 'apercubold';
    src: url('../fonts/apercu_bold-webfont.eot');
    src: url('../fonts/apercu_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/apercu_bold-webfont.woff') format('woff'),
         url('../fonts/apercu_bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
*/
	
hr{
	color: #fff;
	background-color: #fff;
	border: 0;
}
a{border: 0; outline: 0; color: #000; text-decoration: none;}
br{
	line-height: 100%;
	font-size: 0;
}
	.h1, .h2, .h3, h1, h2, h3{
		margin-bottom: 0px;
		margin-top: 0px;
	}
	/* Style for our header texts
	* --------------------------------------- */
	h1{
		font-family:"Apercu Bold", Calibri, Roboto, sans-serif; font-size-adjust:0.508; font-weight:bold; font-style:normal;
margin:0 0 1em 0;
		padding:0;
		font-size: 2em;
		font-weight: 400;
	}
	h2{
		font-size: 2em;
/* 		margin: 0 0 18px 0; */
		font-family:"Apercu Bold", Calibri, Roboto, sans-serif; font-size-adjust:0.508; font-weight:bold; font-style:normal;
font-weight: 400;
	}
	h3{
		font-size: 1.4em;
font-weight: 400;
		font-family:"Apercu Bold", Calibri, Roboto, sans-serif; font-size-adjust:0.508; font-weight:bold; font-style:normal;
	margin: 0px 0 20px 0;

	}
p{font-weight: 100;
	line-height: 130%;
}
b{
	font-weight: 400;
}

main{
	
}
/* / DEFAULT --------------------------------------*/


.container{
	overflow: hidden;
}

#header{
}

.logo{
 	max-height: 60%; 
	margin: 20% 0px 20% 0px; 
	width:100%;
	display: block;
	float: left;

}
#logo{
	text-align: left;
	height: 100%;
}


#buttonnav{
	position: fixed;
	right: 0;
	top:0;
height: 40px;
width: 40px;	
	width: 40px;
	background-color: #fff;
}
#buttonnav a{
	display: block;
	text-align: center;
	height: 20px;
	width: 20px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: black;
	margin: 0.5em auto 0.5em auto;
	
}
#home, #home-limo{
/* 	min-height: 50vh; */
}

#home .description, #home-limo .description{
/* 	margin: 10vh 0 0 0px; */
	padding-left: 10px;

}

#home .description p, #home-limo .description p{
	font-size: calc(100vh / 30);
	line-height: 80%;
}

#home .description p b, #home-limo .description p b{
	word-wrap: break-word;
   white-space: nowrap;
}

#description, #description-limo{
	background-color: #000;
	padding: 2em 0 2em 0;
	width:100%;
}

#description-limo{
	background-color: #fff;
	color: #000;
}

#description h2, #description-limo h2{
	font-size: 8vw;
	text-transform: uppercase;
	line-height: 120%;
	  word-wrap: break-word;
  height: auto;
  width: auto;
/* 	float: left; */
	
}

#description h2 b, #description-limo h2 b{
	word-wrap: break-word;
   white-space: nowrap;
}

#image1{
	background: url("../img/bg_1.jpg");
	background-size: cover;
	height: 100vh;
	width: 100%;
}


#home-limo{
	background-color: #fff;
	color: #000;
}

#legal{
	padding-top: 2em;
	padding-bottom: 2em;
	text-transform: uppercase;
}
#legal .box{
	text-align: center;
	margin: 0 0 2em 0;
}
#legal h2{
/* 	font-size: 5vw; */
	text-transform: uppercase;
}

#legal a{
	color: #fff;
	text-decoration: none;
}
#legal a:hover{
	color: #fff;
	text-decoration: underline;
}
#footer{
	background-color: #000;
	padding: 0.6em 0;
	position: relative;
	bottom:0px;
	left:0px;
	right:0px;
	height: 50px;
	margin-top: -50px;
}
#footer p{
	margin: 0;
}


.affix{
	position: fixed;
	top:0;
	left:0;
	right:0;
	z-index:8888;
	border-bottom: 1px solid #526a74;
	border-top: 0px;
	 animation: affixFadeIn .3s  ease-in;
    -webkit-animation: affixFadeIn .3s;
}


a[href^="tel"] {
    color: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    text-decoration: inherit;
}
#countdownx{
	color: #fff;
	font-size: calc(100vh / 30);
	text-transform: uppercase;
	
}
.spiegeln{
	  transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  word-break: break-word;
  white-space: pre-wrap;
  display: inline-block;
  height: auto;
  width: auto;
 }
 
 .parallax-window{
	 min-height: 450px;
	 background-color: transparent;
 }
 
 .bg_1{
	 height: 100vh;
	 width: 100%;
	 background-image: url(../img/bg_1.png);
	 background-attachment: scroll;
	 background-position: center center;
	 -webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
	 background-size: cover;
background-position: center top;
 background-repeat: no-repeat;
 }
 
 .bg_2{
	 height: 100vh;
	 width: 100%;
	 background-image: url(../img/bg_2.png);
	 -webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
	 background-size: cover;
	 background-attachment: scroll;
	 	 background-position: center center;
	 	  background-repeat: no-repeat;
background-position: center top;

 }
 
 
 
 .fixed{
	 background-attachment: fixed;
 }
 
 #legal .small-text h2, #legal h2{
		font-size: 1em;
		line-height: 130%;
		text-transform: none;
	}
	#legal{
 		background-color: #000; 
	}
#home .description .title, #home-limo .description .title{
		
		margin-bottom: 8.4vh;
			
	}

@keyframes affixFadeIn
{
from {opacity: 0; top:-40px}
to {opacity: 1; top:0px;}
}

@-webkit-keyframes affixFadeIn 
{
from {opacity: 0;}
to {opacity: 1;}
}

@media only screen  
and (max-device-width : 768px) { 

	.fixed{
		background-attachment: scroll;
		
		
	}
	
	.bg_1, .bg_2{
		height: 800px;
	}

}

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) { 

	.fixed{
		background-attachment: scroll;
		
		
	}
	
	.bg_1, .bg_2{
		height: 600px;
	}

}


@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) { 

	.fixed{
		background-attachment: scroll;
		
		
	}
	
	.bg_1, .bg_2{
		height: 400px;
	}

}






	
@media screen and (min-width:767px){
	body{

	}
	#home .description, #home-limo .description{
		margin: 10vh 0 0 0px;
		font-size: calc(100vh / 50);

	}
	#home .description p, #home-limo .description p{

		font-size: calc(100vh / 20);

	}
	
	#description, #description-limo{
						
/* 		padding-bottom: 1em; */

	}
	#home, #home-limo{
		min-height: 100vh;
		
	}
	
	.logo{
		margin: 10vh 0 0 0;
		height: 80vh;
	max-height: 100%; 
		
	}
	#logo{
/* 			max-width: 140px; */

	}
	#legal h2{
	font-size: 2.0vw;
	}
	
	 .parallax-window{
	 min-height: 850px;
	 background-color: transparent;
 	}
 	
 	
 
 
	
		
}

@media screen and (min-width:992px){
	
		body{
		}
	
		#description h2, #description-limo h2{
			font-size: 5vw;
	
		}
		
		#home .description, #home-limo .description{
		margin: 10vh 0 0 0;

		}
		.logo{
		margin: 10vh 0 0 0;
			
		}
		
		
}
